<template>
	<view>

		<!-- 头部 -->
		<!-- 	<view style=" position: relative;height: auto !important;"> -->

		<view class="placeholderge"></view>
		<view :class="{'tn-head':true,'tn-head-right':!curNow}" style="">
			<!-- 切换区域-->
			<view class="tn-head-switch">
				<view :class="{'tn-head-switch-common-on':curNow,'tn-head-switch-common-off':!curNow}" @click="sectionChange">
					<view :class="{'tn-head-switch-text-on': curNow,'tn-head-switch-text-off': !curNow}">设置</view>
				</view>
				<view :class="{'tn-head-switch-common-on':!curNow,'tn-head-switch-common-off':curNow}"
					@click="sectionChangeStatics">
					<view :class="{'tn-head-switch-text-on': !curNow,'tn-head-switch-text-off': curNow}">统计</view>
				</view>
			</view>

			<!-- 设置搜索区域 -->
			<view v-show="curNow">
				<view class="tn-head-search">
					<!-- 			<u-search shape="square" placeholder="搜索设置项" :showAction="false" borderColor="#F0F0F0" :clearable="true"
							bgColor="#fff" @search="searchItem()" placeholderColor="rgba(0, 0, 0, 0.25)"></u-search> -->
					<uni-search-bar style="width: 100%;" placeholder="搜索设置项" @confirm="searchItem()"
						bgColor="F0F0F0"></uni-search-bar>
				</view>
			</view>

			<!-- 统计区域 -->
			<view v-show="!curNow">
				<view class="tn-head-statics">

					<view class="tn-head-statics-first">
						<view class="tn-head-statics-first-left">
							<image class="tn-head-statics-first-left-time-cron" src="/static/images/wechart/calendar.png">
							</image>
							<text class="tn-head-statics-first-left-time">{{dataShow}}</text>
						</view>
						<view class="tn-head-statics-first-right">
							<view class="tn-head-statics-first-right-time" @click="rangeTimeShowStart = true">
								<view class="tn-head-statics-first-right-time-text"> {{startTime}} </view>
							</view>
							<view class="tn-head-statics-first-right-time">
								<view class="tn-head-statics-first-right-time-text"> ~ </view>
							</view>
							<view class="tn-head-statics-first-right-time" @click="rangeTimeShowEnd = true">
								<view class="tn-head-statics-first-right-time-text"> {{endTime}}</view>
							</view>
							<!-- 			<view class="tn-head-statics-first-right-update">
								<image class="tn-head-statics-first-right-update-cron" src="/static/images/wechart/reset.png"></image>
							</view> -->
						</view>
					</view>

					<view class="tn-head-statics-second">
						<view
							:class="{'tn-head-statics-second-actived':todaydataChange,'tn-head-statics-second-noactived':!todaydataChange}"
							@click="todayDatahandle">
							<text
								:class="{'tn-head-statics-second-actived-text':todaydataChange,'tn-head-statics-second-actived-text':!todaydataChange}">今天</text>
						</view>
						<view
							:class="{'tn-head-statics-second-actived':yesterydataChange,'tn-head-statics-second-noactived':!yesterydataChange}"
							@click="yesteryDatahandle">
							<text
								:class="{'tn-head-statics-second-actived-text':yesterydataChange,'tn-head-statics-second-actived-text':!yesterydataChange}">昨天</text>
						</view>
						<view
							:class="{'tn-head-statics-second-actived':weekdataChange,'tn-head-statics-second-noactived':!weekdataChange}"
							@click="weekDatahandle">
							<text
								:class="{'tn-head-statics-second-actived-text':weekdataChange,'tn-head-statics-second-actived-text':!weekdataChange}">本周</text>
						</view>
						<view
							:class="{'tn-head-statics-second-actived':lastweekdataChange,'tn-head-statics-second-noactived':!lastweekdataChange}"
							@click="lastWeekDatahandle">
							<text
								:class="{'tn-head-statics-second-actived-text':lastweekdataChange,'tn-head-statics-second-actived-text':!lastweekdataChange}">上周</text>
						</view>
						<view
							:class="{'tn-head-statics-second-actived':monthdataChange,'tn-head-statics-second-noactived':!monthdataChange}"
							@click="MonthDatahandle">
							<text
								:class="{'tn-head-statics-second-actived-text':monthdataChange,'tn-head-statics-second-actived-text':!monthdataChange}">本月</text>
						</view>
						<view
							:class="{'tn-head-statics-second-actived':changedataChange,'tn-head-statics-second-noactived':!changedataChange}"
							@click="changeDatahandle">
							<text
								:class="{'tn-head-statics-second-actived-text':changedataChange,'tn-head-statics-second-actived-text':!changedataChange}">自选</text>
						</view>
					</view>


					<view class="tn-head-statics-third">

						<view class="tn-head-statics-third-left" @click="refreshGetNowDataTime(true)">
							<view class="tn-head-statics-third-left-tab">
								数据截止至
							</view>
							<view class="tn-head-statics-third-left-time">
								{{currentDataTime}}
							</view>
							<image class="tn-head-statics-third-left-back" src="/static/images/wechart/refresh.png">
							</image>
						</view>
						<view class="tn-head-statics-third-right" @click="exportExcelShare()">
							<text class="tn-head-statics-third-right-text">导出数据</text>
						</view>
					</view>
					<view class="tn-head-statics-four">
						<view :class="{'tn-head-statics-four-left':dataStaticsFlag,'tn-head-statics-four-right':!dataStaticsFlag}"
							@click="dataStaticsSwitchMicro">
							<text
								:class="{'tn-head-statics-four-left-text':dataStaticsFlag,'tn-head-statics-four-right-text':!dataStaticsFlag}">数据统计</text>
						</view>
						<view :class=" {'tn-head-statics-four-left':!dataStaticsFlag,'tn-head-statics-four-right':dataStaticsFlag}"
							@click="dataStaticsSwitchSlackOff">
							<text
								:class="{'tn-head-statics-four-left-text':!dataStaticsFlag,'tn-head-statics-four-right-text':dataStaticsFlag}">摸鱼名单</text>
						</view>
					</view>
				</view>

			</view>


		</view>
		<!-- </view> -->

		<!-- 内容区域 -->

		<view v-show="curNow">
			<view class="tn-content" style=" height: auto !important;">
				<!-- 设置区域 -->
				<view class="tn-content-kaiguan1">
					<view class="tn-content-kaiguan-text">麦序总开关</view>
					<u-switch class="tn-content-kaiguan-switch" v-model="roomJobConfig.status" active-color="#FA6868"
						@change=" updateroomJobConfig.status = roomJobConfig.status ; hasnewdataFlag = true " activeValue="运行中"
						inactiveValue="暂停"></u-switch>
				</view>


				<view class="tn-content-kaiguan2">
					<view class="tn-content-kaiguan-text">厅名</view>
					<view class="tn-content-starttime" @click="updateclubName">
						<view class="tn-content-starttime-number">{{roomJobConfig.clubName}}</view>
						<u-icon class="tn-content-starttime-back" name="arrow-right" color="#909399"></u-icon>
					</view>
				</view>


				<view class="tn-content-kaiguan2">
					<view class="tn-content-kaiguan-text">扣排人数</view>
					<view class="tn-content-starttime" @click="updateKoupaiNum">
						<view class="tn-content-starttime-number">{{roundConfig.maxSlotLimit}}</view>
						<u-icon class="tn-content-starttime-back" name="arrow-right" color="#909399"></u-icon>

					</view>
				</view>


				<view class="tn-content-kaiguan3">
					<view class="tn-content-kaiguan-text">麦序开始分钟</view>
					<view class="tn-content-starttime" @click="updateStartCronMinute">
						<view class="tn-content-starttime-number">{{roundConfig.roundStartCronMinute}}</view>
						<u-icon class="tn-content-starttime-back" name="arrow-right" color="#909399"></u-icon>
					</view>
				</view>


				<view class="tn-content-kaiguan4">
					<view class="tn-content-kaiguan-text">麦序截止分钟</view>

					<view class="tn-content-starttime" @click="updateEndCronMinute">
						<view class="tn-content-starttime-number">
							{{ (roundConfig.roundStartCronMinute + roundConfig.biddingDurationInMinutes) % 60 }}
						</view>
						<u-icon class="tn-content-starttime-back" name="arrow-right" color="#909399"></u-icon>
					</view>
				</view>

				<!-- 			<view class="tn-content-kaiguan5">
				<view class="tn-content-kaiguan-text">扣排模式</view>
				<view class="tn-content-starttime" @click="showkoupaiparren = true">
					<view class="tn-content-starttime-number">{{roundConfig.speedMode}}</view>
					<u-icon class="tn-content-starttime-back" name="arrow-right" color="#909399"></u-icon>

					<u-picker :show="showkoupaiparren" :columns="columnskoupaiparren" @cancel="showkoupaiparren = false"
						@confirm="koupaiparren"></u-picker>
				</view>
			</view> -->


				<view class="tn-content-normal-pkdata62">
					<view class="tn-content-radisswitch">
						<view class="tn-content-normal-head"> 扣排模式</view>
						<!-- 		<view class="tn-content-pkdata-common">随机模式</view>
						<u-switch class="tn-content-kaiguan-switch" v-model="checked" active-color="#FA6868"></u-switch> -->
						<!-- 		<view class="tn-content-starttime">
						<view class="tn-content-pkdata-common">随机模式</view>
						<u-switch class="tn-content-kaiguan-switch" v-model="suijiSpeedMode" active-color="#FA6868"
							@change="changesuijiSpeedMode()"></u-switch>
					</view> -->

						<view class="tn-content-starttime" @click="showkoupaiparren = true"
							style="display: flex;justify-content: space-between;">
							<view class="tn-content-starttime-number">{{roundConfig.speedMode}}</view>
							<u-icon class="tn-content-starttime-back" name="arrow-right" color="#909399"></u-icon>

							<u-picker :show="showkoupaiparren" :columns="columnskoupaiparren" @cancel="showkoupaiparren = false"
								@confirm="koupaiparren"></u-picker>
						</view>
					</view>

					<view v-show="roundConfig.speedMode == '随机模式'">
						<u-checkbox-group v-model="speedModeItemsList" @change="changeSpeedItemSelect()" placement="column"
							iconPlacement="left">

							<u-checkbox shape="square" label="图片模式" name="图片模式" :disabled="suijiSpeedMode"
								:customStyle="{marginBottom: '16px'}"></u-checkbox>


							<u-checkbox shape="square" label="普通模式" name="普通模式" :disabled="suijiSpeedMode"
								:customStyle="{marginBottom: '16px'}"></u-checkbox>


							<u-checkbox shape="square" label="语音条模式" name="语音条模式" :disabled="suijiSpeedMode"
								:customStyle="{marginBottom: '16px'}"></u-checkbox>

							<u-checkbox shape="square" label="表情包模式" name="表情包模式" :disabled="suijiSpeedMode"
								:customStyle="{marginBottom: '16px'}"></u-checkbox>

							<u-checkbox shape="square" label="计算模式" name="计算模式" :disabled="suijiSpeedMode"
								:customStyle="{marginBottom: '16px'}"></u-checkbox>

							<u-checkbox shape="square" label="文本模式" name="文本模式" :disabled="suijiSpeedMode"
								:customStyle="{marginBottom: '16px'}"></u-checkbox>


							<u-checkbox shape="square" label="备选词模式" name="备选词模式" :disabled="suijiSpeedMode"
								:customStyle="{marginBottom: '16px'}"></u-checkbox>

							<u-checkbox shape="square" label="找一找模式" name="找一找模式" :disabled="suijiSpeedMode"
								:customStyle="{marginBottom: '16px'}"></u-checkbox>


							<u-checkbox shape="square" label="引用模式" name="引用模式" :disabled="suijiSpeedMode"
								:customStyle="{marginBottom: '16px'}"></u-checkbox>



							<u-checkbox shape="square" label="乱码模式" name="乱码模式" :disabled="suijiSpeedMode"
								:customStyle="{marginBottom: '16px'}"></u-checkbox>


							<u-checkbox shape="square" label="拍一拍模式" name="拍一拍模式" :disabled="suijiSpeedMode"
								:customStyle="{marginBottom: '16px'}"></u-checkbox>

							<u-checkbox shape="square" label="空格模式" name="空格模式" :disabled="suijiSpeedMode"
								:customStyle="{marginBottom: '16px'}"></u-checkbox>

						</u-checkbox-group>
					</view>
				</view>


				<view class="tn-content-kaiguan6">
					<view class="tn-content-kaiguan-text">开启全体提醒</view>
					<view class="tn-content-starttime">
						<view class="tn-content-pkdata-common">群主需要给机器人群管理哟</view>
						<u-switch class="tn-content-kaiguan-switch" v-model="roundConfig.enableAtAllBeforeRound"
							@change=" updateroundConfig.enableAtAllBeforeRound = roundConfig.enableAtAllBeforeRound ; hasnewdataFlag = true "
							active-color="#FA6868"></u-switch>
					</view>
				</view>

				<!-- 
				todo -->
				<view class="tn-content-kaiguan7">
					<view class="tn-content-kaiguan-text">补位时间</view>
					<view class="tn-content-starttime" @click="updateDurationInMinutes">
						<view class="tn-content-starttime-number">
							{{fillInDurationInMinutesAfterClock}}
						</view>
						<u-icon class="tn-content-starttime-back" name="arrow-right" color="#909399"></u-icon>
					</view>
				</view>

				<!-- 			<view class="tn-content-kaiguan">
				<view class="tn-content-kaiguan-text">补位后任务排</view>
				<u-switch class="tn-content-kaiguan-switch" v-model="checked" active-color="#FA6868"></u-switch>
			</view> -->

				<view class="tn-content-kaiguan8">
					<view class="tn-content-kaiguan-text">补位后任务排</view>
					<view class="tn-content-starttime" @click="updatefillInMinTaskLimit">
						<view class="tn-content-starttime-number">{{roundConfig.fillInMinTaskLimit}}</view>
						<u-icon class="tn-content-starttime-back" name="arrow-right" color="#909399"></u-icon>
					</view>
				</view>

				<view class="tn-content-kaiguan9">
					<view class="tn-content-kaiguan-text">手速优先人数</view>
					<view class="tn-content-starttime" @click="updatemaxPrioritizedSpeedSlotLimit">
						<view class="tn-content-starttime-number">{{roundConfig.maxPrioritizedSpeedSlotLimit}}</view>
						<u-icon class="tn-content-starttime-back" name="arrow-right" color="#909399"></u-icon>
					</view>
				</view>

				<view class="tn-content-kaiguan10">
					<view class="tn-content-kaiguan-text">随机取手速</view>
					<u-switch class="tn-content-kaiguan-switch" v-model="roundConfig.enableRandomPrioritySpeed"
						@change=" updateroundConfig.enableRandomPrioritySpeed = roundConfig.enableRandomPrioritySpeed ; hasnewdataFlag = true "
						active-color="#FA6868"></u-switch>
				</view>


				<view class="tn-content-kaiguan11">
					<view class="tn-content-kaiguan-text">特殊置顶人数</view>
					<view class="tn-content-starttime" @click="updatemaxToptaskSlotLimit">
						<view class="tn-content-starttime-number">{{roundConfig.maxToptaskSlotLimit}}</view>
						<u-icon class="tn-content-starttime-back" name="arrow-right" color="#909399"></u-icon>
					</view>
				</view>

				<view class="tn-content-kaiguan12">
					<view class="tn-content-kaiguan-text">整点后取排时间</view>
					<view class="tn-content-starttime" @click="updateallowedCancelDurationLimitInMinutes()">
						<view class="tn-content-starttime-number">{{roundConfig.allowedCancelDurationLimitInMinutes}}
						</view>
						<u-icon class="tn-content-starttime-back" name="arrow-right" color="#909399"></u-icon>
					</view>
				</view>


				<view class="tn-content-kaiguan12">
					<view class="tn-content-kaiguan-text">接走时间</view>
					<view class="tn-content-starttime" @click="updatetakeOutDurationInMinutes()">
						<view class="tn-content-starttime-number">{{takeOutDurationInMinutesLocal}}</view>
						<u-icon class="tn-content-starttime-back" name="arrow-right" color="#909399"></u-icon>
					</view>
				</view>

				<view class="tn-content-kaiguan13">
					<view class="tn-content-kaiguan-text">禁排名单</view>
					<view class="tn-content-forbit">
						{{BlockedRecord.length}}人
					</view>
				</view>


				<view class="tn-content-kaiguan14" v-for="item in BlockedRecord">
					<view class="tn-content-kaiguan-text">{{item.displayName}}</view>
					<view class="tn-content-starttime">
						<view class="tn-content-forbit">{{formatDateTime(item.endTime)}}解禁</view>
						<image class="tn-content-forbit-delete" src="/static/images/wechart/delete.png"
							@click="deleteBlockRecord(item.id)"></image>
					</view>
				</view>

				<!-- 			<view class="tn-content-kaiguan">
				<view class="tn-content-kaiguan-text">用户xxxxxx</view>
				<view class="tn-content-starttime">
					<view class="tn-content-forbit">0天 12:46:12后解禁</view>
					<image class="tn-content-forbit-delete" src="/static/images/wechart/delete.png"></image>
				</view>
			</view>

			<view class="tn-content-kaiguan">
				<view class="tn-content-kaiguan-text">用户x</view>
				<view class="tn-content-starttime">
					<view class="tn-content-forbit">0天 12:46:12后解禁</view>
					<image class="tn-content-forbit-delete" src="/static/images/wechart/delete.png"></image>
				</view>
			</view> -->


				<view class="tn-content-jiange"></view>

				<view class="tn-content-kaiguan1">
					<view class="tn-content-kaiguan-text">开关任务未过提醒</view>
					<u-switch class="tn-content-kaiguan-switch" v-model="roundConfig.enableTaskNoPassRemind"
						active-color="#FA6868"
						@change=" updateroundConfig.enableTaskNoPassRemind = roundConfig.enableTaskNoPassRemind ; hasnewdataFlag = true "></u-switch>
				</view>

				<view v-show="roundConfig.enableTaskNoPassRemind" style="width: 100%;">
					<view class="tn-content-kaiguan3">
						<view class="tn-content-kaiguan-text">整点后任务未过提醒分钟</view>
						<view class="tn-content-starttime" @click="updateallowedTaskNoPassInMinutes">
							<view class="tn-content-starttime-number">{{roundConfig.allowedTaskNoPassInMinutes}}</view>
							<u-icon class="tn-content-starttime-back" name="arrow-right" color="#909399"></u-icon>
						</view>
					</view>
				</view>

				<view class="tn-content-kaiguan1">
					<view class="tn-content-kaiguan-text">开关累计提醒</view>
					<u-switch class="tn-content-kaiguan-switch" v-model="roundConfig.enableCumulativeTaskRemind"
						active-color="#FA6868"
						@change=" updateroundConfig.enableCumulativeTaskRemind = roundConfig.enableCumulativeTaskRemind; hasnewdataFlag = true "></u-switch>
				</view>

				<view class="tn-content-kaiguan3">
					<view class="tn-content-kaiguan-text">整点后买8时间 </view>
					<view class="tn-content-starttime" @click="updatebuy8DurationInMinutesAfterClock">
						<view class="tn-content-starttime-number">
							{{ buy8DurationInMinutesAfterClock }}
						</view>
						<u-icon class="tn-content-starttime-back" name="arrow-right" color="#909399"></u-icon>
					</view>
				</view>



				<view class="tn-content-kaiguan1">
					<view class="tn-content-kaiguan-text">开关置顶手速</view>
					<u-switch class="tn-content-kaiguan-switch" v-model="roundConfig.enableToptaskReplacePrioritizedSpeed"
						active-color="#FA6868"
						@change=" updateroundConfig.enableToptaskReplacePrioritizedSpeed = roundConfig.enableToptaskReplacePrioritizedSpeed; hasnewdataFlag = true "></u-switch>
				</view>


				<view class="tn-content-kaiguan1">
					<view class="tn-content-kaiguan-text">开关详细打卡</view>
					<u-switch class="tn-content-kaiguan-switch" v-model="roundConfig.enableDetailWorkloadWhenClockIn"
						active-color="#FA6868"
						@change=" updateroundConfig.enableDetailWorkloadWhenClockIn = roundConfig.enableDetailWorkloadWhenClockIn; hasnewdataFlag = true "></u-switch>
				</view>


				<view class="tn-content-kaiguan1">
					<view class="tn-content-kaiguan-text">开关麦序未归禁排</view>
					<u-switch class="tn-content-kaiguan-switch" v-model="roundConfig.enableNoBackToBlackList"
						active-color="#FA6868"
						@change=" updateroundConfig.enableNoBackToBlackList = roundConfig.enableNoBackToBlackList; hasnewdataFlag = true "></u-switch>
				</view>

				<view class="tn-content-kaiguan1">
					<view class="tn-content-kaiguan-text">开关所有人可查</view>
					<u-switch class="tn-content-kaiguan-switch" v-model="roundConfig.enableAllQuery" active-color="#FA6868"
						@change=" updateroundConfig.enableAllQuery = roundConfig.enableAllQuery; hasnewdataFlag = true "></u-switch>
				</view>

				<view class="tn-content-jiange"></view>

				<!-- 
			<view class="tn-content-kaiguan">
				<view class="tn-content-kaiguan-text">买老板位</view>
				<u-switch class="tn-content-kaiguan-switch" v-model="checked" active-color="#FA6868"></u-switch>
			</view> -->


				<view class="tn-content-kaiguan15">
					<view class="tn-content-kaiguan-text">老板位最小任务</view>
					<view class="tn-content-starttime" @click="updatebuy8MinTaskLimit()">
						<view class="tn-content-starttime-number">{{roundConfig.buy8MinTaskLimit}}</view>
						<u-icon class="tn-content-starttime-back" name="arrow-right" color="#909399"></u-icon>
					</view>
				</view>


				<view class="tn-content-kaiguan16">
					<view class="tn-content-kaiguan-text">老板位任务倍数</view>
					<view class="tn-content-starttime" @click="updatebuy8TaskFactor()">
						<view class="tn-content-starttime-number">{{roundConfig.buy8TaskFactor}}</view>
						<u-icon class="tn-content-starttime-back" name="arrow-right" color="#909399"></u-icon>
					</view>
				</view>


				<!-- 
			<view class="tn-content-kaiguan">
				<view class="tn-content-kaiguan-text">买大头</view>
				<u-switch class="tn-content-kaiguan-switch" v-model="checked" active-color="#FA6868"></u-switch>
			</view> -->






				<view class="tn-content-kaiguan17">
					<view class="tn-content-kaiguan-text">买大头最小任务</view>
					<view class="tn-content-starttime" @click="updatebuyHeadMinTaskLimit()">
						<view class="tn-content-starttime-number">{{roundConfig.buyHeadMinTaskLimit}}</view>
						<u-icon class="tn-content-starttime-back" name="arrow-right" color="#909399"></u-icon>
					</view>
				</view>


				<view class="tn-content-normal-pkdata88">
					<view class="tn-content-normal-head"> 打架模式 </view>
					<view class="tn-content-radisswitch">
						<u-radio-group :value="WorkloadComputed" @change="workLoadChanged()" width="300rpx"
							style="display: flex;justify-content:space-between;align-items: center">
							<view style="display: flex;justify-content:space-between;align-items: center ;width: 100%;">
								<u-radio active-color="#2979FF" v-for="(item, index) in Workloadlist" :key="index" :label="item.name"
									:name="item.value" :disabled="item.disabled">
									{{item.name}}
								</u-radio>
							</view>
						</u-radio-group>
					</view>
				</view>



				<view class="tn-content-normal-pkdata18">
					<view class="tn-content-normal-head"> 普通打架数据</view>
					<!-- 	<u-input class="tn-content-normal-data" v-model="value" :type="text" :border="true" /> -->
					<!-- 	<view class="tn-content-normal-data"></view> -->

					<view style="width: 100%;"><textarea placeholder="输入普通打架数据" v-model="roundConfig.rawBiddingHierarchy"
							maxlength="-1"
							@blur="updateroundConfig.rawBiddingHierarchy = roundConfig.rawBiddingHierarchy ; hasnewdataFlag = true "
							class="tn-content-normal-data-text"></textarea>
					</view>
				</view>



				<!-- 		<view class="tn-content-kaiguan19">
				<view class="tn-content-kaiguan-text">老板位打架开关</view>
				<view class="tn-content-starttime">
					<view class="tn-content-pkdata-common">与普通打架数据相同</view>
					<u-switch class="tn-content-kaiguan-switch" v-model="roundConfig.enableBuy8Bidding"
						@change=" updateroundConfig.enableBuy8Bidding = roundConfig.enableBuy8Bidding ; hasnewdataFlag = true "
						active-color="#FA6868"></u-switch>
				</view>

			</view> -->





				<view class="tn-content-normal-pkdata65">
					<view style=" display: flex;justify-content: space-between; width: 100%;align-items: center;
		align-self: stretch;">
						<view class="tn-content-kaiguan-text">老板位打架开关</view>
						<view class="tn-content-starttime" style=" display: flex;align-items: center;">
							<view class="tn-content-pkdata-common" style="margin-right: 6rpx;align-items: center;">
								与普通打架数据相同
							</view>
							<u-switch class="tn-content-kaiguan-switch" v-model="roundConfig.enableBuy8Bidding"
								@change=" updateroundConfig.enableBuy8Bidding = roundConfig.enableBuy8Bidding ; hasnewdataFlag = true "
								active-color="#FA6868"></u-switch>
						</view>

					</view>
					<!-- 	<u-input class="tn-content-normal-data" v-model="value" :type="text" :border="true" /> -->
					<!-- 	<view class="tn-content-normal-data"></view> -->

					<view v-show="!roundConfig.enableBuy8Bidding" style="width: 100%;"><textarea placeholder="输入老板打架数据"
							v-model="roundConfig.rawBuy8Hierarchy" maxlength="-1"
							@blur="updateroundConfig.rawBuy8Hierarchy = roundConfig.rawBuy8Hierarchy ; hasnewdataFlag = true "
							class="tn-content-normal-data-text"></textarea>
					</view>
				</view>




				<view class="tn-content-normal-pkdata20">
					<!-- 			<view class="tn-content-pkdata-chadui"> -->

					<view style="display: flex;justify-content: space-between; width: 100%;align-items: center;
		align-self: stretch;">
						<view class="tn-content-normal-head"> 插队打架数据</view>
						<view style="display: flex;gap:10rpx;align-items: center;">
							<view class="tn-content-pkdata-common">与普通打架数据相同</view>
							<u-switch class="tn-content-kaiguan-switch" v-model="roundConfig.enableCutIn"
								@change=" updateroundConfig.enableCutIn = roundConfig.enableCutIn ; hasnewdataFlag = true "
								active-color="#FA6868"></u-switch>
						</view>
					</view>

					<!-- 	<u-input class="tn-content-normal-data" v-model="value" :type="text" :border="true" /> -->

					<view v-show="!roundConfig.enableCutIn" style="width: 100%;"><textarea placeholder="输入插入打架数据"
							v-model="roundConfig.rawCutInHierarchy" maxlength="-1"
							@blur="updateroundConfig.rawCutInHierarchy = roundConfig.rawCutInHierarchy ; hasnewdataFlag = true "
							class="tn-content-normal-data-text"></textarea>
					</view>

					<!-- </view>
				<view class="tn-content-normal-data"></view> -->
				</view>


				<view class="tn-content-kaiguan21">
					<view class="tn-content-kaiguan-text">开启插队</view>
					<u-switch class="tn-content-kaiguan-switch" v-model="roundConfig.enableCutIn"
						@change=" updateroundConfig.enableCutIn = roundConfig.enableCutIn ; hasnewdataFlag = true "
						active-color="#FA6868"></u-switch>
				</view>


				<view class="tn-content-kaiguan22">
					<view class="tn-content-kaiguan-text">插队时间</view>
					<view class="tn-content-starttime" @click="updatecutInDurationInMinutes()">
						<view class="tn-content-starttime-number">{{roundConfig.cutInDurationInMinutes}}</view>
						<u-icon class="tn-content-starttime-back" name="arrow-right" color="#909399"></u-icon>
					</view>
				</view>


				<view class="tn-content-kaiguan23">
					<view class="tn-content-kaiguan-text">插队最小任务</view>
					<view class="tn-content-starttime" @click="updatecutInMinTaskLimit()">
						<view class="tn-content-starttime-number">{{roundConfig.cutInMinTaskLimit}}</view>
						<u-icon class="tn-content-starttime-back" name="arrow-right" color="#909399"></u-icon>
					</view>
				</view>

				<view class="tn-content-kaiguan24">
					<view class="tn-content-kaiguan-text">开启单杀</view>
					<u-switch class="tn-content-kaiguan-switch" v-model="roundConfig.enableSoloKill"
						@change=" updateroundConfig.enableSoloKill = roundConfig.enableSoloKill ; hasnewdataFlag = true "
						active-color="#FA6868"></u-switch>
				</view>


				<view class="tn-content-kaiguan25">
					<view class="tn-content-kaiguan-text">单杀最小任务</view>
					<view class="tn-content-starttime" @click="updatesoloKillMinTaskLimit()">
						<view class="tn-content-starttime-number">{{roundConfig.soloKillMinTaskLimit}}</view>
						<u-icon class="tn-content-starttime-back" name="arrow-right" color="#909399"></u-icon>
					</view>
				</view>

				<view class="tn-content-kaiguan26">
					<view class="tn-content-kaiguan-text">开启连档</view>
					<u-switch class="tn-content-kaiguan-switch" v-model="roundConfig.enableCombo"
						@change=" updateroundConfig.enableCombo = roundConfig.enableCombo ; hasnewdataFlag = true "
						active-color="#FA6868"></u-switch>
				</view>
				<view class="tn-content-kaiguan27">
					<view class="tn-content-kaiguan-text">开启连档检测</view>
					<u-switch class="tn-content-kaiguan-switch" v-model="roundConfig.enableDetectCombo"
						@change=" updateroundConfig.enableDetectCombo = roundConfig.enableDetectCombo ; hasnewdataFlag = true "
						active-color="#FA6868"></u-switch>
				</view>
				<view class="tn-content-kaiguan28">
					<view class="tn-content-kaiguan-text">开启任务连档</view>
					<u-switch class="tn-content-kaiguan-switch" v-model="roundConfig.enableTaskCombo"
						:disabled="!roundConfig.enableDetectCombo"
						@change=" updateroundConfig.enableTaskCombo = roundConfig.enableTaskCombo ; hasnewdataFlag = true "
						active-color="#FA6868"></u-switch>
				</view>
				<view class="tn-content-kaiguan29">
					<view class="tn-content-kaiguan-text">手速可否取排</view>
					<u-switch class="tn-content-kaiguan-switch" v-model="roundConfig.enableCancelSpeed"
						@change=" updateroundConfig.enableCancelSpeed = roundConfig.enableCancelSpeed ; hasnewdataFlag = true "
						active-color="#FA6868"></u-switch>
				</view>
				<view class="tn-content-kaiguan30">
					<view class="tn-content-kaiguan-text">任务可否取排</view>
					<u-switch class="tn-content-kaiguan-switch" v-model="roundConfig.enableCancelTask"
						@change=" updateroundConfig.enableCancelTask = roundConfig.enableCancelTask ; hasnewdataFlag = true "
						active-color="#FA6868"></u-switch>
				</view>
				<view class="tn-content-kaiguan31">
					<view class="tn-content-kaiguan-text">定排后可否取排</view>
					<u-switch class="tn-content-kaiguan-switch" v-model="roundConfig.enableCancelAfterRoundFixed"
						@change=" updateroundConfig.enableCancelAfterRoundFixed = roundConfig.enableCancelAfterRoundFixed ; hasnewdataFlag = true "
						active-color="#FA6868"></u-switch>
				</view>
				<!-- 			<view class="tn-content-kaiguan">
				<view class="tn-content-kaiguan-text">手速可否取排</view>
				<u-switch class="tn-content-kaiguan-switch" v-model="checked" active-color="#FA6868"></u-switch>
			</view> -->

				<view class="tn-content-normal-pkdata32">
					<view class="tn-content-normal-head"> 麦序文档</view>
					<!-- 	<u-input class="tn-content-normal-data" v-model="value" :type="text" border="true" /> -->
					<view style="width: 100%;"><textarea placeholder="输入麦序文档" v-model="roundConfig.roundDoc" maxlength="-1"
							@blur="updateroundConfig.roundDoc = roundConfig.roundDoc ; hasnewdataFlag = true "
							class="tn-content-normal-data-text"></textarea>
					</view>
				</view>

				<view class="tn-content-normal-pkdata33">
					<view class="tn-content-normal-head"> 发麦序间隔时间（几小时发一次麦序）</view>
					<view class="tn-content-radisswitch">
						<u-radio-group v-model="roundConfig.roundPeriodUnitSize"
							@change="updateroundConfig.roundPeriodUnitSize = roundConfig.roundPeriodUnitSize ; hasnewdataFlag = true"
							width="300rpx" style="display: flex;justify-content:space-between;align-items: center">
							<view style="display: flex;justify-content:space-between;align-items: center ;width: 100%;">
								<u-radio active-color="#2979FF" v-for="(item, index) in list" :key="index" :label="item.value"
									:name="item.value" :disabled="item.disabled">
									{{item.name}}
								</u-radio>
							</view>
						</u-radio-group>
					</view>
				</view>

				<view class="tn-content-normal-pkdata34">
					<view class="tn-content-normal-head"> 设置主持</view>
					<view style="width: 100%;"><textarea placeholder="输入麦序文档" class="tn-content-normal-data-text" maxlength="-1"
							@blur="updateroundConfig.host = zcstr ; hasnewdataFlag = true " v-model="zcstr"></textarea>
					</view>
				</view>


				<view class="tn-content-jiange"></view>

				<view class="tn-content-kaiguan35">
					<view class="tn-content-kaiguan-text">报备总开关</view>
					<u-switch class="tn-content-kaiguan-switch" v-model="takeLeaveConfig.enableTakeLeave"
						@change="hastakeAwalydataFlag = true" active-color="#FA6868"></u-switch>
				</view>

				<view class="tn-content-kaiguan36" id="tn-content-kaiguan36">
					<view class="tn-content-kaiguan-text">报备人数</view>
					<view class="tn-content-starttime" @click="updateReportPeoperNum()">
						<view class="tn-content-starttime-number">{{takeLeaveConfig.maxSingerCountLimit}}</view>
						<u-icon class="tn-content-starttime-back" name="arrow-right" color="#909399"></u-icon>
					</view>
				</view>

				<view class="tn-content-kaiguan37">
					<view class="tn-content-kaiguan-text">报备次数</view>
					<view class="tn-content-starttime" @click="updateReportNum()">
						<view class="tn-content-starttime-number">{{takeLeaveConfig.maxTimesLimit}}</view>
						<u-icon class="tn-content-starttime-back" name="arrow-right" color="#909399"></u-icon>
					</view>
				</view>



				<view class="tn-content-normal-pkdata38">
					<view class="tn-content-radisswitch">
						<view class="tn-content-normal-head"> 报备未回惩罚</view>
						<!-- 	<u-switch class="tn-content-kaiguan-switch" v-model="checked" active-color="#FA6868"></u-switch> -->
					</view>
					<view style="display: flex;justify-content:space-between;align-items: center ;width: 100%;margin-top: 10rpx;">
						<!-- 					<u-radio-group v-model="value" @change="radioGroupChange" width="300rpx"
						style="display: flex;justify-content:space-between;align-items: center">
						<view style="display: flex;justify-content:space-between;align-items: center ;width: 100%;">
							<u-radio active-color="#2979FF" shape="square" @change="radioChange" v-for="(item, index) in list1"
								:key="index" :name="item.name" :disabled="item.disabled">
								{{item.name}}
							</u-radio>
						</view>
					</u-radio-group> -->

						<u-checkbox-group v-model="reportValueQuPai" @change="quPaiUpdate()">
							<u-checkbox shape="square" label="取排" :name="true"></u-checkbox>
						</u-checkbox-group>
						<u-checkbox-group v-model="reportValueHeiMai" @change="heiMaiUpdate()">
							<u-checkbox shape="square" label="黑麦" :name="true"></u-checkbox>
						</u-checkbox-group>


						<!-- 			<checkbox-group>
						<label style="padding: 10rpx;">
							<checkbox value="takeLeaveConfig.enableCancelMicWhenExpired" /> 取排
						</label>

					</checkbox-group>

					<checkbox-group>

						<label>
							<checkbox value="takeLeaveConfig.enableRecordAbsenceWhenExpired" /> 黑麦
						</label>
					</checkbox-group> -->


					</view>
				</view>

				<view class="tn-content-normal-pkdata39">
					<view class="tn-content-normal-head"> 设置报备开始文字</view>
					<view style="width: 100%;"><textarea placeholder="输入麦序文档" class="tn-content-normal-data-text-2" maxlength="-1"
							@blur="hastakeAwalydataFlag = true" v-model="takeLeaveConfig.docAtBeginning"></textarea>
					</view>
				</view>


				<view class="tn-content-normal-pkdata40">
					<view class="tn-content-normal-head"> 设置报备结束文字</view>
					<view style="width: 100%;"><textarea placeholder="输入麦序文档" class="tn-content-normal-data-text-2" maxlength="-1"
							@blur="hastakeAwalydataFlag = true" v-model="takeLeaveConfig.docWhenAbsence"></textarea>
					</view>
				</view>


				<view class="tn-content-kaiguan60">
					<view class="tn-content-kaiguan-text">报备持续时间</view>
					<view class="tn-content-starttime" @click="updateDurationInMin()">
						<view class="tn-content-starttime-number">{{takeLeaveConfig.durationLimitInMinutes}}</view>
						<u-icon class="tn-content-starttime-back" name="arrow-right" color="#909399"></u-icon>
					</view>
				</view>

				<view class="tn-content-kaiguan41">
					<view class="tn-content-kaiguan-text">设置报备倒计时提醒分钟</view>
					<view class="tn-content-starttime" @click="updateReportDeadLineMin()">
						<view class="tn-content-starttime-number">{{takeLeaveConfig.remindTimeInMinutes}}</view>
						<u-icon class="tn-content-starttime-back" name="arrow-right" color="#909399"></u-icon>
					</view>
				</view>


				<view class="tn-content-normal-pkdata42">
					<view class="tn-content-normal-head"> 设置报备提醒文字</view>
					<view style="width: 100%;"><textarea placeholder="输入麦序文档" class="tn-content-normal-data-text-2" maxlength="-1"
							@blur="hastakeAwalydataFlag = true" v-model="takeLeaveConfig.docNearExpiration"></textarea>
					</view>
				</view>



				<view class="tn-content-jiange43"></view>
				<view class="tn-content-kaiguan">
					<view class="tn-content-kaiguan-text">进群</view>
					<u-switch class="tn-content-kaiguan-switch" v-model="RoomEventConfig.enableOnRoomJoinDoc"
						@change="hasroomEventConfigdataFlag  = true" active-color="#FA6868"></u-switch>
				</view>

				<view class="tn-content-kaiguan44">
					<view class="tn-content-kaiguan-text">退群</view>
					<u-switch class="tn-content-kaiguan-switch" v-model="RoomEventConfig.enableOnRoomLeaveDoc"
						@change="hasroomEventConfigdataFlag  = true" active-color="#FA6868"></u-switch>
				</view>

				<view class="tn-content-normal-pkdata45">
					<view class="tn-content-normal-head"> 设置入群文字</view>
					<view style="width: 100%;"><textarea placeholder="输入麦序文档" class="tn-content-normal-data-text-2" maxlength="-1"
							@blur="hasroomEventConfigdataFlag  = true" v-model="RoomEventConfig.onRoomJoinDoc"></textarea>
					</view>
				</view>

				<view class="tn-content-normal-pkdata46">
					<view class="tn-content-normal-head"> 设置退群文字</view>
					<view style="width: 100%;"><textarea placeholder="输入麦序文档" class="tn-content-normal-data-text-2" maxlength="-1"
							@blur="hasroomEventConfigdataFlag  = true" v-model="RoomEventConfig.onRoomLeaveDoc"></textarea>
					</view>
				</view>

				<view class="tn-content-kaiguan47">
					<view class="tn-content-kaiguan-text">开启整点打卡</view>
					<u-switch class="tn-content-kaiguan-switch" v-model="roundConfig.enableClockInWhenExactRoundEnd"
						@change=" updateroundConfig.enableClockInWhenExactRoundEnd = roundConfig.enableClockInWhenExactRoundEnd ; hasnewdataFlag = true "
						active-color="#FA6868"></u-switch>
				</view>

				<view class="tn-content-normal-pkdata48">
					<view class="tn-content-kaiguan-text" style="padding-bottom: 0px;">打卡选项</view>
					<view
						style="display: flex;   flex-wrap: wrap; justify-content: space-between; width: 100%; align-items: center;">
						<view class="tn-content-daka" v-for="item in clockInItemsList">
							<view class="tn-content-daka-info">
								{{item}}
							</view>
							<image class="tn-content-daka-delete" src="/static/images/wechart/delete3.png"
								@click="deleteclockInItemsList(item)"></image>
						</view>

						<view class="tn-content-daka" style="justify-content: center;" @click="updateclockInItem">
							<view class="tn-content-daka-add ">
								<u-icon name="plus" size="14.5" color="rgba(0, 0, 0, 0.25)"></u-icon>
							</view>
						</view>

					</view>
				</view>

				<view class="tn-content-kaiguan49">
					<view class="tn-content-kaiguan-text">开启代扣排</view>
					<u-switch class="tn-content-kaiguan-switch" v-model="roundConfig.enableBidForOthers"
						@change=" updateroundConfig.enableBidForOthers = roundConfig.enableBidForOthers ; hasnewdataFlag = true"
						active-color="#FA6868"></u-switch>
				</view>

				<view class="tn-content-kaiguan50">
					<view class="tn-content-kaiguan-text">开启转麦序</view>
					<u-switch class="tn-content-kaiguan-switch" v-model="roundConfig.enableTransferMicOrder"
						@change=" updateroundConfig.enableTransferMicOrder = roundConfig.enableTransferMicOrder ; hasnewdataFlag = true"
						active-color="#FA6868"></u-switch>
				</view>

				<view class="tn-content-kaiguan51">
					<view class="tn-content-kaiguan-text">开启自动累计任务</view>
					<u-switch class="tn-content-kaiguan-switch" v-model="roomJobConfig.enableAutoCumulativeTask"
						@change=" updateroomJobConfig.enableAutoCumulativeTask = roomJobConfig.enableAutoCumulativeTask ; hasnewdataFlag = true"
						active-color="#FA6868"></u-switch>
				</view>

				<view class="tn-content-kaiguan52">
					<view class="tn-content-kaiguan-text">开启所有人可艾特取</view>
					<u-switch class="tn-content-kaiguan-switch" v-model="roundConfig.enableCancelByOthers"
						@change="updateroundConfig.enableCancelByOthers = roundConfig.enableCancelByOthers ; hasnewdataFlag = true "
						active-color="#FA6868"></u-switch>
				</view>

				<view class="tn-content-normal-pkdata53">
					<view class="tn-content-kaiguan-text" style="padding-bottom: 0px;">每日定时发送</view>
					<view
						style="display: flex;   flex-wrap: wrap; justify-content: space-between; width: 100%; align-items: center;">
						<view class="tn-content-daka" v-for="item in dailySummaryItemsList">
							<view class="tn-content-daka-info">
								{{item}}
							</view>
							<image class="tn-content-daka-delete" src="/static/images/wechart/delete3.png"
								@click="deletedailySummaryItemsList(item)"></image>
						</view>

						<view class="tn-content-daka" style="justify-content: center;" @click="updatedailySummaryItem()">
							<view class="tn-content-daka-add ">
								<u-icon name="plus" size="14.5" color="rgba(0, 0, 0, 0.25)"></u-icon>
							</view>
						</view>

					</view>
				</view>


				<view class="tn-content-normal-pkdata54">
					<view class="tn-content-kaiguan-text" style="padding-bottom: 0px;">置顶卡天数</view>
					<view
						style="display: flex;   flex-wrap: wrap; justify-content: space-between; width: 100%;align-items: center;">

						<view class="tn-content-zhidingka" v-for="item in  toptaskConfig">
							<view class="tn-content-zhidingka-info">
								{{item.toptaskName}}
							</view>

							<view class="tn-content-zhidingka-right" @click="updateNewTopTaskDayNum(item)">
								<view class="tn-content-zhidingka-right-number">
									{{item.cardExpirationDays == 0 ? '无限期':item.cardExpirationDays}}
								</view>
								<u-icon class="tn-content-zhidingka-right-back" name="arrow-right" color="#909399"></u-icon>
							</view>
						</view>

						<!-- 					<view class="tn-content-zhidingka">
						<view class="tn-content-zhidingka-info">
							XX置顶
						</view>

						<view class="tn-content-zhidingka-right">
							<view class="tn-content-zhidingka-right-number">40</view>
							<u-icon class="tn-content-zhidingka-right-back" name="arrow-right" color="#909399"></u-icon>
						</view>
					</view>
					<view class="tn-content-zhidingka">
						<view class="tn-content-zhidingka-info">
							XX置顶
						</view>

						<view class="tn-content-zhidingka-right">
							<view class="tn-content-zhidingka-right-number">40</view>
							<u-icon class="tn-content-zhidingka-right-back" name="arrow-right" color="#909399"></u-icon>
						</view>
					</view> -->

					</view>
				</view>


				<view class="tn-content-kaiguan55">
					<view class="tn-content-kaiguan-text">入群添加新人置顶张数</view>
					<view class="tn-content-starttime" @click="updateNewTopTaskNum()">
						<view class="tn-content-starttime-number">{{newtoptaskConfig.joinRoomBonusQuality}}</view>
						<u-icon class="tn-content-starttime-back" name="arrow-right" color="#909399"></u-icon>
					</view>
				</view>

				<view style="height: 300rpx; width: 100%;">

				</view>

				<!-- 保存模块 -->
				<view v-if="hasnewdataFlag || hasroomEventConfigdataFlag || hastakeAwalydataFlag" class="tn-content-save">
					<view class="tn-content-save-quit" @click="cancelSave()">
						<view class="tn-content-save-quit-text">舍弃修改</view>
					</view>
					<view class="tn-content-save-confirm" @click="openmoddle()">
						<view class="tn-content-save-confirm-text">保存修改</view>
					</view>
				</view>

			</view>
		</view>
		<!-- 统计区域 -->
		<view v-show="!curNow">

			<view class="tn-content-statics-search">
				<!-- 			<u-search class="tn-content-statics-search-info" bgColor="#FFF" shape="round" placeholder="搜索成员"
					placeholderColor="rgba(0, 0, 0, 0.20)" :showAction="false"></u-search> -->
				<uni-search-bar class="tn-content-statics-search-info" radius="10" bgColor="#FFF" placeholder="搜索成员"
					@clear="refreshGetNowDataTime(false)" @input="microSearch" cancelButton="none"></uni-search-bar>
			</view>



			<view class="tn-content-scroll">

				<view v-show="dataStaticsFlag">
					<view class="tn-content-statics-statics-tab ">
						<view class="tn-content-statics-statics-tab-chengyuan" @click="chengyuanOrderHandle()">
							<view class="tn-content-statics-statics-tab-text">成员 ({{staticsrspDataMicro.length}})</view>
							<view class="tn-content-statics-order">
								<u-icon name="arrow-up-fill" size="10" :color="chengyuanOrderAsc"></u-icon>
								<u-icon name="arrow-down-fill" size="10" :color="chengyuanOrderDesc"></u-icon>
							</view>
						</view>
						<view class="tn-content-statics-statics-tab-info" @click="micSlotCountOrderHandle()">
							<view class="tn-content-statics-statics-tab-text">麦序</view>
							<view class="tn-content-statics-order">
								<u-icon name="arrow-up-fill" size="10" :color="micSlotCountOrderAsc"></u-icon>
								<u-icon name="arrow-down-fill" size="10" :color="micSlotCountOrderDesc"></u-icon>
							</view>
						</view>
						<view class="tn-content-statics-statics-tab-info" @click="hostCountOrderHandle()">
							<view class="tn-content-statics-statics-tab-text">主持麦序</view>
							<view class="tn-content-statics-order">
								<u-icon name="arrow-up-fill" size="10" :color="hostCountOrderAsc"></u-icon>
								<u-icon name="arrow-down-fill" size="10" :color="hostCountOrderDesc"></u-icon>
							</view>
						</view>
						<view class="tn-content-statics-statics-tab-info" @click="absenceCountOrderHandle()">
							<view class="tn-content-statics-statics-tab-text">黑麦</view>
							<view class="tn-content-statics-order">
								<u-icon name="arrow-up-fill" size="10" :color="absenceCountOrderAsc"></u-icon>
								<u-icon name="arrow-down-fill" size="10" :color="absenceCountOrderDesc"></u-icon>
							</view>
						</view>



						<view class="tn-content-statics-statics-tab-info" v-for="item in staticsReportTypeList"
							@click="freeOrderHandle(item)">
							<view class="tn-content-statics-statics-tab-text">{{item}}</view>
							<view class="tn-content-statics-order">
								<u-icon name="arrow-up-fill" size="10" :color="freeOrderAscColor(item)"></u-icon>
								<u-icon name="arrow-down-fill" size="10" :color="freeOrderDescColor(item)"></u-icon>
							</view>
						</view>

						<!-- <view class="tn-content-statics-statics-tab-info">
							<view class="tn-content-statics-statics-tab-text">收光</view>
							<view class="tn-content-statics-order">
								<u-icon name="arrow-up-fill" size="10" color="rgba(0, 0, 0, 0.20)"></u-icon>
								<u-icon name="arrow-down-fill" size="10" color="rgba(0, 0, 0, 0.20)"></u-icon>
							</view>
						</view>
						<view class="tn-content-statics-statics-tab-info">
							<view class="tn-content-statics-statics-tab-text">全麦</view>
							<view class="tn-content-statics-order">
								<u-icon name="arrow-up-fill" size="10" color="rgba(0, 0, 0, 0.20)"></u-icon>
								<u-icon name="arrow-down-fill" size="10" color="rgba(0, 0, 0, 0.20)"></u-icon>
							</view>
						</view>
						<view class="tn-content-statics-statics-tab-info">
							<view class="tn-content-statics-statics-tab-text">XX</view>
							<view class="tn-content-statics-order">
								<u-icon name="arrow-up-fill" size="10" color="rgba(0, 0, 0, 0.20)"></u-icon>
								<u-icon name="arrow-down-fill" size="10" color="rgba(0, 0, 0, 0.20)"></u-icon>
							</view>
						</view> -->

						<!-- 		<view class="tn-content-statics-statics-tab-right ">

						</view> -->
					</view>



					<view class="tn-content-statics-data " v-for="item in staticsrspDataMicro">

						<view class="tn-content-statics-data-left" @click="openinfo(item)">

							<view class="tn-content-statics-data-left-chengyuan">
								<view class="tn-content-statics-data-left-text"> {{item.displayName}}
								</view>
							</view>

							<view class="tn-content-statics-data-left-common">
								<view class="tn-content-statics-data-left-text"> {{item.micSlotCount}}
								</view>
							</view>

							<view class="tn-content-statics-data-left-common">
								<view class="tn-content-statics-data-left-text"> {{item.hostCount}}
								</view>
							</view>
							<view class="tn-content-statics-data-left-common">
								<view class="tn-content-statics-data-left-text"> {{item.absenceCount}}
								</view>
							</view>

							<view class="tn-content-statics-data-left-common" v-for="iteminfo in staticsReportTypeList">
								<view class="tn-content-statics-data-left-text">
									{{handleReprotData(iteminfo,item)}}
								</view>
							</view>


							<!-- 	<view class="tn-content-statics-data-right " @click="openinfo(item)">
								<u-icon name="arrow-right" size="15" color="rgba(0, 0, 0, 0.20)"></u-icon>

							</view> -->

						</view>

						<view>

						</view>
					</view>



				</view>

				<!-- 摸鱼 -->
				<view v-show="!dataStaticsFlag">
					<view class="tn-content-statics-statics-tab ">
						<view class="tn-content-statics-statics-tab-chengyuan" @click="chengyuanOrderHandle()">
							<view class="tn-content-statics-statics-tab-text">成员 ({{staticsrspDataSlockOff.length}})
							</view>
							<view class="tn-content-statics-order">
								<u-icon name="arrow-up-fill" size="10" :color="chengyuanOrderAsc"></u-icon>
								<u-icon name="arrow-down-fill" size="10" :color="chengyuanOrderDesc"></u-icon>
							</view>
						</view>
						<view class="tn-content-statics-statics-tab-info" style="margin-left: 20rpx;"
							@click="lastTimeOrderHandle()">
							<view class="tn-content-statics-statics-tab-text">最近麦序时间</view>
							<view class="tn-content-statics-order">
								<u-icon name="arrow-up-fill" size="10" :color="lastTimeOrderAsc"></u-icon>
								<u-icon name="arrow-down-fill" size="10" :color="lastTimeOrderDesc"></u-icon>
							</view>
						</view>
					</view>
					<!-- <view class="tn-content-statics-statics-tab-right ">

					</view> -->




					<view class="tn-content-statics-data " v-for="item in staticsrspDataSlockOff">

						<view class="tn-content-statics-data-left">

							<view class="tn-content-statics-data-left-chengyuan">
								<view class="tn-content-statics-data-left-text"> {{item.displayName}}
								</view>
							</view>

							<view class="tn-content-statics-data-left-common" style="margin-left: 20rpx;">
								<view class="tn-content-statics-data-left-text">
									{{item.lastTime == null ? "" :formatDateTime(item.lastTime)}}
								</view>
							</view>

							<!-- 
							<view class="tn-content-statics-data-right " @click="openinfo(item)">
								<u-icon name="arrow-right" size="15" color="rgba(0, 0, 0, 0.20)"></u-icon>

							</view> -->

						</view>

						<view>

						</view>
					</view>

				</view>

			</view>
		</view>

		<u-modal :show="showmodal" show-title="false" confirm-text="保存修改" cancel-text="舍弃修改" width="668rpx"
			@cancel="cancelSave()" @confirm="updateModal()" cancel-color="#606266" confirm-color="#FA6868"
			:show-cancel-button="true" :safeAreaInsetBottom="false">
			<view>
				<text class="tn-content-save-popup-info">有尚未修改的保存</text>
			</view>
		</u-modal>


		<u-popup :show="showupdateFlag" mode="bottom">
			<view class="tn-content-update-popup">
				<view class="tn-content-update-popup-head">
					<view class="tn-content-update-popup-head-text">{{updateTitle}}
					</view>
				</view>
				<view class="tn-content-update-popup-input">
					<!-- 	<input class="tn-content-update-popup-input-text" :value="updateValue"></input> -->
					<u--input class="tn-content-update-popup-input" placeholder="请输入内容" border="surround" v-model="updateValue"
						:type="number"></u--input>
				</view>
				<view class="tn-content-update-popup-result">
					<view class="tn-content-update-popup-result-cancel" @click="showupdateFlag = false">
						<view class="tn-content-update-popup-result-cancel-text">取消</view>
					</view>
					<view class="tn-content-update-popup-result-confirm" @click="updateConfirm">
						<view class="tn-content-update-popup-result-confirm-text">确定</view>
					</view>
				</view>
			</view>
		</u-popup>



		<u-modal content="时间自选: 选择单日或者范围" :show="singlerangeshow" @confirm="singlerangeshow=false;rangeTimeshow=true"
			cancelColor="#2979ff" confirmText="范围" cancelText="单日" showCancelButton
			@cancel="singlerangeshow=false;singleTimeshow=true" closeOnClickOverlay="true"
			@close="singlerangeshow =false"></u-modal>


		<u-calendar :show="rangeTimeshow" mode="range" @close="rangeTimeshow =false" :minDate="Last40DayData"
			title="多日期范围选择" @cancel="rangeTimeshow =false" @confirm="rangeTimeHandle" :maxDate="todayData"
			:defaultDate="DefaultLast40DayData" closeOnClickOverlay="true"></u-calendar>


		<u-calendar :show="singleTimeshow" mode="single" @close="singleTimeshow =false" title="单日期选择"
			:minDate="Last40DayData" :maxDate="todayData" @cancel="singleTimeshow =false" @confirm="singleTimeHandle"
			closeOnClickOverlay="true"></u-calendar>


		<u-datetime-picker :show="rangeTimeShowStart" v-model="startTime" mode="time" :closeOnClickOverlay="true"
			title="开始时间" @confirm="startTimeUpdateHandle" @cancel="rangeTimeShowStart =false"
			@close="rangeTimeShowStart =false"></u-datetime-picker>

		<u-datetime-picker :show="rangeTimeShowEnd" v-model="endTime" mode="time" :closeOnClickOverlay="true" title="结束时间"
			maxHour="24" @confirm="endTimeUpdateHandle" @cancel="rangeTimeShowEnd = false"
			@close="rangeTimeShowEnd = false"></u-datetime-picker>


		<u-popup :show="showpopupinfo" mode="bottom" :round="10" closeable="true" @close="closeshowpopupinfo">

			<!-- 头部 -->
			<view class="tn-statics-data-item-info">
				<view class="tn-statics-data-info-item-first">
					<text class="tn-statics-data-info-item-first-text">{{memberName}}</text>
				</view>

				<view class="tn-statics-data-info-item-second">
					<text class="tn-statics-data-info-second-text">{{startDate}}~{{endDate}}</text>
					<text class="tn-statics-data-info-second-text">{{startTime}}~{{endTime}}</text>
				</view>

				<view class="tn-statics-data-info-item-third">
					<view
						:class="{'tn-statics-data-info-third-active':staticsMemberTypeMicroFlag,'tn-statics-data-info-third-noactive':!staticsMemberTypeMicroFlag}"
						@click="MemberInfoMicro">
						<view
							:class="{'tn-statics-data-info-third-noactive-text':staticsMemberTypeMicroFlag,'tn-statics-data-info-third-noactive-text':!staticsMemberTypeMicroFlag}">
							麦序
						</view>
					</view>

					<view
						:class="{'tn-statics-data-info-third-active':staticsMemberTypeHostFlag,'tn-statics-data-info-third-noactive':!staticsMemberTypeHostFlag}"
						@click="MemberInfoHost">
						<view
							:class="{'tn-statics-data-info-third-noactive-text':staticsMemberTypeHostFlag,'tn-statics-data-info-third-noactive-text':!staticsMemberTypeHostFlag}">
							主持麦序
						</view>
					</view>

					<view
						:class="{'tn-statics-data-info-third-active':staticsMemberTypeBlackFlag,'tn-statics-data-info-third-noactive':!staticsMemberTypeBlackFlag}"
						@click="MemberInfoBlack">
						<view
							:class="{'tn-statics-data-info-third-noactive-text':staticsMemberTypeBlackFlag,'tn-statics-data-info-third-noactive-text':!staticsMemberTypeBlackFlag}">
							黑麦
						</view>
					</view>
				</view>
			</view>

			<!-- 数据区域 -->
			<view class="tn-statics-data-item">

				<view class="tn-statics-data-item-info-line" v-for="item in staticsrspDataMemberInfo">
					<view class="tn-statics-data-item-info-line-left">
						<text class="tn-statics-data-item-info-line-right-text"> {{formatDate(item.date)}}</text>
					</view>
					<view class="tn-statics-data-item-info-line-right ">
						<view class="tn-statics-data-item-info-line-right-text" v-for="scheduleinfo in item.schedule ">
							{{scheduleinfo}}
						</view>

					</view>
				</view>

			</view>
		</u-popup>


	</view>


</template>

<script>
	import {

		getRoomConfig,
		getRoomEventConfig,
		getRoomTakeLeaveConfig,
		getRoomBlockRecord,
		getRoomZcInfo,
		getRoomTopTask,
		getRoomStaticsSlcakOff,
		getRoomStaticsMemberInfo,
		updateTopTask,
		updatetakeLeaver,
		updateRoomConfig,
		updateeventConfig,
		deletebalockedRecordId,
		getRoomStaticsMicro,
		getRoomRoundConfig

	} from '@/api/login';
	import config from '@/config'
	import dayjs from "@/handleScript/dayjs.js";
	import updateOrderConst from '@/plugins/updateorder.js'

	export default {


		onShareAppMessage: function() {
			return {
				title: '已添加机器人至后台',
				path: '/pages/welogin',

				imageUrl: '/static/images/wechart/export.png'
			};
		},



		data() {
			return {
				roomId: "",
				roomName: "",

				searchTopArry: [],

				fileUrl: config.baseUrl,
				suijiSpeedMode: false,
				curNow: true,
				value: null,
				fillInDurationInMinutesAfterClock: null,
				takeOutDurationInMinutesLocal: null,
				buy8DurationInMinutesAfterClock: null,
				content: "23",
				showmodal: false,
				showpopupinfo: false,
				showsaveFlag: false,
				checked: true,
				showkoupaiparren: false,
				roomJobConfig: Object,
				roundConfig: Object,
				RoomEventConfig: Object,
				updateroomJobConfig: {
					status: null,
					clubName: null,
					enableAutoCumulativeTask: null

				},
				updateroundConfig: {
					maxSlotLimit: null,
					randomSpeedModeCandidates: null,
					takeOutDurationInMinutesAfterClock: null,
					enableClockInWhenExactRoundEnd: null,
					buy8DurationInMinutesAfterClock: null,
					enablePrintMinBiddingTask: null,
					enablePrintMicOrdersAfterBidding: null,
					enableTaskNoPassRemind: null,
					dailySummaryItems: null,
					enableBidForOthers: null,
					enableTransferMicOrder: null,
					roundPeriodUnitSize: null,
					allowedTaskNoPassInMinutes: null,
					roundDoc: null,
					clockInItems: null,
					enableCancelByOthers: null,
					enableCancelAfterRoundFixed: null,
					enableCancelTask: null,
					enableTaskCombo: null,
					enableDetectCombo: null,
					enableCombo: null,
					enableSoloKill: null,
					enableCutIn: null,
					rawCutInHierarchy: null,
					enableBuy8Bidding: null,
					rawBiddingHierarchy: null,
					buy8MinTaskLimit: null,
					buyHeadMinTaskLimit: null,
					cutInDurationInMinutes: null,
					cutInMinTaskLimit: null,
					soloKillMinTaskLimit: null,
					buy8TaskFactor: null,
					roundFixedMinute: null,
					fillInDurationInMinutesAfterClock: null,
					allowedCancelDurationLimitInMinutes: null,
					enableRandomPrioritySpeed: null,
					maxPrioritizedSpeedSlotLimit: null,
					maxToptaskSlotLimit: null,
					enableAtAllBeforeRound: null,
					host: null,
					exactHost: null,
					speedMode: null,
				},
				takeLeaveConfig: Object,
				BlockedRecord: [],
				toptaskConfig: [],
				newtoptaskConfig: Object,
				getRoomZcInfo: Object,
				sortingOrder: "desc",
				sortingField: "1",
				reportOrder: "",
				memberName: "",
				memberwxid: "",

				hasnewdataFlag: false,
				hastakeAwalydataFlag: false,
				hasroomEventConfigdataFlag: false,
				hasnewtopTaskConfigdataFlag: false,

				DefaultLast40DayData: [],

				staticsrspDataMicro: [],
				staticsrspDataSlockOff: [],
				staticsrspDataMicroSource: [],
				staticsrspDataMicroSource: [],
				staticsrspDataMemberInfo: [],


				zcstr: "",
				staticsReportTypeList: [],

				todayData: "",
				Last40DayData: "",
				startTime: '00:00',
				endTime: '24:00',
				startDate: "",
				endDate: "",
				currentDataTime: "",

				dataStaticsFlag: true,

				staticsMemberTypeMicroFlag: true,
				staticsMemberTypeHostFlag: false,
				staticsMemberTypeBlackFlag: false,

				todaydataChange: true,
				yesterydataChange: false,
				weekdataChange: false,
				lastweekdataChange: false,
				monthdataChange: false,
				changedataChange: false,

				rangeTimeshow: false,
				singleTimeshow: false,
				singlerangeshow: false,

				rangeTimeShowStart: false,
				rangeTimeShowEnd: false,
				showupdateFlag: false,
				updateValue: 0,
				updateTopTask: Object,
				updateTitle: "",
				updateorder: 0,
				radiovalue1: 0,
				reportValueQuPai: [],
				reportValueHeiMai: [],
				//每日定时发送
				dailySummaryItemsList: [],

				//扣排模式

				speedModeItemsList: [],

				//打卡选项数据
				clockInItemsList: [],

				columnskoupaiparren: [
					['图片模式', '普通模式', "语音条模式", "表情包模式", "计算模式", "文本模式", "备选词模式", "找一找模式", "引用模式", "随机模式",
						"乱码模式", "拍一拍模式",
						'空格模式'
					]
				],

				checkboxList1: [{
						name: '取排',
						value: true,
						disabled: false
					},
					{
						name: '黑麦',
						value: true,
						disabled: false
					}
				],

				list: [{
						name: '1小时',

						value: 1,

						disabled: false
					},
					{
						name: '2小时',
						value: 2,
						disabled: false
					},
					{
						name: '3小时',
						value: 3,
						disabled: false
					}

				],


				Workloadlist: [{
						name: '极简模式',

						value: 1,

						disabled: false
					},
					{
						name: '简洁模式',
						value: 2,
						disabled: false
					},
					{
						name: '详细模式',
						value: 3,
						disabled: false
					}

				],

			}
		},



		onLoad(event) {
			console.log('onLoadstart')
			this.roomId = event.roomId
			this.roomName = event.roomName
			uni.setNavigationBarTitle({
				title: event.roomName
			})

			this.updateroomJobConfig.roomID = this.roomId
			this.initData(event.roomId)

			console.log('onLoadend')
		},


		onShow() {

			console.log('show')

		},




		computed: {

			WorkloadComputed() {

				if (this.roundConfig.enablePrintMinBiddingTask == false && this.roundConfig
					.enablePrintMicOrdersAfterBidding == false) {
					return 1
				}

				if (this.roundConfig.enablePrintMinBiddingTask == true && this.roundConfig
					.enablePrintMicOrdersAfterBidding == false) {
					return 2
				}

				if (this.roundConfig.enablePrintMinBiddingTask == true && this.roundConfig
					.enablePrintMicOrdersAfterBidding == true) {
					return 3
				}

				return 0
			},


			endCronMinute() {

				console.log("endCronMinute" + this.roundConfig.roundStartCronMinute)

				const temp = (this.roundConfig.roundStartCronMinute + this.roundConfig.biddingDurationInMinutes)

				console.log(typeof this.roundConfig.roundStartCronMinute)

				console.log("temp" + temp)
				return temp % 60
			},


			chengyuanOrderAsc() {
				if (this.sortingOrder == 'asc' && this.sortingField == 'displayName') {
					return '#FA6868 '
				} else {
					return 'rgba(0, 0, 0, 0.20)'
				}
			},

			chengyuanOrderDesc() {
				if (this.sortingOrder == 'desc' && this.sortingField == 'displayName') {
					return '#FA6868 '
				} else {
					return 'rgba(0, 0, 0, 0.20)'
				}
			},


			micSlotCountOrderAsc() {
				if (this.sortingOrder == 'asc' && this.sortingField == 'micSlotCount') {
					return '#FA6868 '
				} else {
					return 'rgba(0, 0, 0, 0.20)'
				}
			},

			micSlotCountOrderDesc() {
				if (this.sortingOrder == 'desc' && this.sortingField == 'micSlotCount') {
					return '#FA6868 '
				} else {
					return 'rgba(0, 0, 0, 0.20)'
				}
			},


			hostCountOrderAsc() {
				if (this.sortingOrder == 'asc' && this.sortingField == 'hostCount') {
					return '#FA6868 '
				} else {
					return 'rgba(0, 0, 0, 0.20)'
				}
			},

			hostCountOrderDesc() {
				if (this.sortingOrder == 'desc' && this.sortingField == 'hostCount') {
					return '#FA6868 '
				} else {
					return 'rgba(0, 0, 0, 0.20)'
				}
			},

			absenceCountOrderAsc() {
				if (this.sortingOrder == 'asc' && this.sortingField == 'absenceCount') {
					return '#FA6868 '
				} else {
					return 'rgba(0, 0, 0, 0.20)'
				}
			},

			absenceCountOrderDesc() {
				if (this.sortingOrder == 'desc' && this.sortingField == 'absenceCount') {
					return '#FA6868 '
				} else {
					return 'rgba(0, 0, 0, 0.20)'
				}
			},



			lastTimeOrderAsc() {
				if (this.sortingOrder == 'asc' && this.sortingField == 'lastTime') {
					return '#FA6868 '
				} else {
					return 'rgba(0, 0, 0, 0.20)'
				}
			},

			lastTimeOrderDesc() {
				if (this.sortingOrder == 'desc' && this.sortingField == 'lastTime') {
					return '#FA6868 '
				} else {
					return 'rgba(0, 0, 0, 0.20)'
				}
			},




			dataShow() {
				if (this.startDate === this.endDate) {

					let startarr = this.startDate.split('-')
					return startarr[1] + "." + startarr[2]

				} else {
					let startarr = this.startDate.split('-')
					let endarr = this.endDate.split('-')
					return startarr[1] + "." + startarr[2] + "~" + endarr[1] + "." + endarr[2]
				}
			},


		},

		methods: {
			updateConfirm() {
				console.log('updateConfirm', this.updateorder)

				console.log('ORDER_DAILY_SUMMARY_ITEM', updateOrderConst.ORDER_DAILY_SUMMARY_ITEM)
				if (this.updateorder !== updateOrderConst.ORDER_buy8MinTaskLimit &&
					this.updateorder !== updateOrderConst.ORDER_buy8TaskFactor &&
					this.updateorder !== updateOrderConst.ORDER_buyHeadMinTaskLimit &&
					this.updateorder !== updateOrderConst.ORDER_cutInMinTaskLimit &&
					this.updateorder !== updateOrderConst.ORDER_TASK_ORDER &&
					this.updateorder !== updateOrderConst.ORDER_PUNSH_CARD_ITEM &&
					this.updateorder !== updateOrderConst.ORDER_buy8DurationInMinutesAfterClock &&
					this.updateorder !== updateOrderConst.ORDER_allowedTaskNoPassInMinutes &&
					this.updateorder !== updateOrderConst.ORDER_DAILY_SUMMARY_ITEM &&
					this.updateorder !== updateOrderConst.ORDER_CLUB_NAME &&
					this.updateorder !== updateOrderConst.ORDER_soloKillMinTaskLimit
				) {
					console.log('updateConfirm233', this.updateorder)
					if (!Number.isInteger(Number(this.updateValue))) {
						this.showupdateFlag = false
						uni.showToast({
							title: '小数非法',
							icon: 'error'
						})
						return
					}
				}


				if (this.updateorder !== updateOrderConst.ORDER_TASK_ORDER &&
					this.updateorder !== updateOrderConst.ORDER_DAILY_SUMMARY_ITEM &&
					Number(this.updateValue) < 0) {
					this.showupdateFlag = false

					uni.showToast({
						title: '负数非法',
						icon: 'error'
					})
					return
				}


				switch (this.updateorder) {

					case updateOrderConst.ORDER_CLUB_NAME:
						this.roomJobConfig.clubName = this.updateValue
						this.updateroomJobConfig.clubName = this.roomJobConfig.clubName
						break;

					case updateOrderConst.ORDER_KOUPAI_PEOPLE_NUM:
						this.roundConfig.maxSlotLimit = Number(this.updateValue)
						this.updateroundConfig.maxSlotLimit = this.roundConfig.maxSlotLimit
						break;

					case updateOrderConst.ORDER_MICRO_START_TIME:
						this.roundConfig.roundStartCronMinute = Number(this.updateValue)
						this.updateroundConfig.roundStartCronMinute = this.roundConfig.roundStartCronMinute
						break;

					case updateOrderConst.ORDER_allowedTaskNoPassInMinutes:
						this.roundConfig.allowedTaskNoPassInMinutes = Number(this.updateValue)
						this.updateroundConfig.allowedTaskNoPassInMinutes = this.roundConfig.allowedTaskNoPassInMinutes
						break;

					case updateOrderConst.ORDER_MICRO_END_TIME:
						this.roundConfig.biddingDurationInMinutes = Number(this.updateValue) - this.roundConfig
							.roundStartCronMinute
						if (this.roundConfig.biddingDurationInMinutes < 0) {
							this.roundConfig.biddingDurationInMinutes += 60
						}

						this.updateroundConfig.roundFixedMinute = Number(this.updateValue)
						break;

					case updateOrderConst.ORDER_MICRO_IN_MINUTES:
						this.updateroundConfig.fillInDurationInMinutesAfterClock = Number(this.updateValue)
						this.fillInDurationInMinutesAfterClock = Number(this.updateValue)
						break;

					case updateOrderConst.ORDER_TASK_ORDER:
						this.updateroundConfig.fillInMinTaskLimit = this.updateValue
						this.roundConfig.fillInMinTaskLimit = this.updateValue
						break;

					case updateOrderConst.ORDER_SpeedSlotLimit:
						this.updateroundConfig.maxPrioritizedSpeedSlotLimit = Number(this.updateValue)
						this.roundConfig.maxPrioritizedSpeedSlotLimit = this.updateValue
						break;

					case updateOrderConst.ORDER_maxToptaskSlotLimit:
						this.updateroundConfig.maxToptaskSlotLimit = Number(this.updateValue)
						this.roundConfig.maxToptaskSlotLimit = Number(this.updateValue)
						break;

					case updateOrderConst.ORDER_allowedCancelDurationLimitInMinutes:
						this.updateroundConfig.allowedCancelDurationLimitInMinutes = Number(this.updateValue)
						this.roundConfig.allowedCancelDurationLimitInMinutes = Number(this.updateValue)
						break;

					case updateOrderConst.ORDER_takeOutDurationInMinutes:
						this.takeOutDurationInMinutesLocal = Number(this.updateValue)
						// this.updateroundConfig.takeOutDurationInMinutes = Number(this.updateValue)
						this.updateroundConfig.takeOutDurationInMinutesAfterClock = Number(this.updateValue)
						break;



					case updateOrderConst.ORDER_buy8DurationInMinutesAfterClock:
						this.buy8DurationInMinutesAfterClock = Number(this.updateValue)
						this.updateroundConfig.buy8DurationInMinutesAfterClock = this.buy8DurationInMinutesAfterClock
						break;


					case updateOrderConst.ORDER_buy8MinTaskLimit:
						this.updateroundConfig.buy8MinTaskLimit = Number(this.updateValue)
						this.roundConfig.buy8MinTaskLimit = Number(this.updateValue)
						break;

					case updateOrderConst.ORDER_buy8TaskFactor:
						this.updateroundConfig.buy8TaskFactor = Number(this.updateValue)
						this.roundConfig.buy8TaskFactor = Number(this.updateValue)
						break;

					case updateOrderConst.ORDER_buyHeadMinTaskLimit:
						this.updateroundConfig.buyHeadMinTaskLimit = Number(this.updateValue)
						this.roundConfig.buyHeadMinTaskLimit = Number(this.updateValue)
						break;


					case updateOrderConst.ORDER_cutInDurationInMinutes:
						this.updateroundConfig.cutInDurationInMinutes = Number(this.updateValue)
						this.roundConfig.cutInDurationInMinutes = Number(this.updateValue)
						break;

					case updateOrderConst.ORDER_cutInMinTaskLimit:
						this.roundConfig.cutInMinTaskLimit = this.updateValue
						this.updateroundConfig.cutInMinTaskLimit = this.updateValue
						break;

					case updateOrderConst.ORDER_soloKillMinTaskLimit:

						this.updateroundConfig.soloKillMinTaskLimit = Number(this.updateValue)
						console.log('ORDER_soloKillMinTaskLimit', this.updateroundConfig.soloKillMinTaskLimit)
						this.roundConfig.soloKillMinTaskLimit = Number(this.updateValue)
						break;


					case updateOrderConst.ORDER_PUNSH_CARD_ITEM:
						this.addclockInItemsList(this.updateValue)
						this.convetStrclockInItemsList()
						break;

					case updateOrderConst.ORDER_DAILY_SUMMARY_ITEM:
						this.adddailySummaryItemsList(this.updateValue)
						this.convetStrdailySummaryItemsList()
						break;

						//*********************************************
						//置顶卡张树
					case updateOrderConst.ORDER_NEW_TOP_TASK_NUM:
						this.newtoptaskConfig.joinRoomBonusQuality = Number(this.updateValue)
						this.updatenewtoptaskConfig(this.newtoptaskConfig)
						this.showupdateFlag = false
						return;
						break;

						//置顶卡天数
					case updateOrderConst.ORDER_TOP_TASK_DAY_NUM:
						this.updateTopTask.cardExpirationDays = Number(this.updateValue)
						this.updatenewtoptaskConfig(this.updateTopTask)
						this.showupdateFlag = false
						return;
						break;
						//*********************************************

						//*********************************************
						//报备修改
					case updateOrderConst.ORDER_REPORT_PEOPLE_NUM:
						this.takeLeaveConfig.maxSingerCountLimit = Number(this.updateValue)
						//this.updatetakeLeaveConfig(this.takeLeaveConfig)
						this.hastakeAwalydataFlag = true
						break;
					case updateOrderConst.ORDER_REPORT_NUM:
						this.takeLeaveConfig.maxTimesLimit = Number(this.updateValue)
						this.hastakeAwalydataFlag = true
						//this.updatetakeLeaveConfig(this.takeLeaveConfig)
						break;
					case updateOrderConst.ORDER_REPORT_DEADLINE_TIME:
						this.takeLeaveConfig.remindTimeInMinutes = Number(this.updateValue)
						this.hastakeAwalydataFlag = true
						//this.updatetakeLeaveConfig(this.takeLeaveConfig)
						break;

					case updateOrderConst.ORDER_durationLimitInMinutes:
						this.takeLeaveConfig.durationLimitInMinutes = Number(this.updateValue)
						this.hastakeAwalydataFlag = true
						//this.updatetakeLeaveConfig(this.takeLeaveConfig)
						break;
						//*********************************************	   


					default:
						break;
				}
				this.showupdateFlag = false
				this.hasnewdataFlag = true
			},

			saveLoading() {
				uni.showLoading({
					title: '保存中'
				})
				setTimeout(() => {
					uni.hideLoading()
				}, 4000)
			},

			updateclubName() {
				this.updateTitle = "设置厅名"
				this.updateValue = this.roomJobConfig.clubName
				this.showupdateFlag = true
				this.updateorder = updateOrderConst.ORDER_CLUB_NAME
			},

			updateKoupaiNum() {
				this.updateTitle = "扣排人数"
				this.updateValue = this.roundConfig.maxSlotLimit
				this.showupdateFlag = true
				this.updateorder = updateOrderConst.ORDER_KOUPAI_PEOPLE_NUM
			},

			updateStartCronMinute() {
				this.updateTitle = "麦序开始分钟"
				this.updateValue = this.roundConfig.roundStartCronMinute
				this.showupdateFlag = true
				this.updateorder = updateOrderConst.ORDER_MICRO_START_TIME
			},

			updateallowedTaskNoPassInMinutes() {
				this.updateTitle = "整点后任务未过提醒分钟"
				this.updateValue = this.roundConfig.allowedTaskNoPassInMinutes
				this.showupdateFlag = true
				this.updateorder = updateOrderConst.ORDER_allowedTaskNoPassInMinutes

			},


			updateEndCronMinute() {

				console.log("------" + this.roundConfig.roundStartCronMinute + this.roundConfig.biddingDurationInMinutes)
				console.log("-----11-" + (this.roundConfig.roundStartCronMinute + this.roundConfig
					.biddingDurationInMinutes) % 60)
				this.updateTitle = "麦序截止分钟"
				this.updateValue = (this.roundConfig.roundStartCronMinute + this.roundConfig.biddingDurationInMinutes) % 60
				this.showupdateFlag = true
				this.updateorder = updateOrderConst.ORDER_MICRO_END_TIME
			},

			updateDurationInMinutes() {
				this.updateTitle = "补位时间"
				this.updateValue = this.fillInDurationInMinutesAfterClock
				this.showupdateFlag = true
				this.updateorder = updateOrderConst.ORDER_MICRO_IN_MINUTES
			},



			updatebuy8DurationInMinutesAfterClock() {
				this.updateTitle = "整点后买8时间"
				this.updateValue = this.buy8DurationInMinutesAfterClock
				this.showupdateFlag = true
				this.updateorder = updateOrderConst.ORDER_buy8DurationInMinutesAfterClock
			},



			updatefillInMinTaskLimit() {
				this.updateTitle = "补位后任务排"
				this.updateValue = this.roundConfig.fillInMinTaskLimit
				this.showupdateFlag = true
				this.updateorder = updateOrderConst.ORDER_TASK_ORDER

			},

			updatemaxPrioritizedSpeedSlotLimit() {
				this.updateTitle = "手速优先人数"
				this.updateValue = this.roundConfig.maxPrioritizedSpeedSlotLimit
				this.showupdateFlag = true
				this.updateorder = updateOrderConst.ORDER_SpeedSlotLimit
			},

			updatemaxToptaskSlotLimit() {
				this.updateTitle = "特殊置顶人数"
				this.updateValue = this.roundConfig.maxToptaskSlotLimit
				this.showupdateFlag = true
				this.updateorder = updateOrderConst.ORDER_maxToptaskSlotLimit
			},


			updateallowedCancelDurationLimitInMinutes() {
				this.updateTitle = "整点后取排时间"
				this.updateValue = this.roundConfig.allowedCancelDurationLimitInMinutes
				this.showupdateFlag = true
				this.updateorder = updateOrderConst.ORDER_allowedCancelDurationLimitInMinutes
			},

			updatetakeOutDurationInMinutes() {
				this.updateTitle = "接走时间"
				this.updateValue = this.takeOutDurationInMinutesLocal
				this.showupdateFlag = true
				this.updateorder = updateOrderConst.ORDER_takeOutDurationInMinutes
			},

			updatebuy8MinTaskLimit() {
				this.updateTitle = "老板位最小任务"
				this.updateValue = this.roundConfig.buy8MinTaskLimit
				this.showupdateFlag = true
				this.updateorder = updateOrderConst.ORDER_buy8MinTaskLimit
			},

			updatebuy8TaskFactor() {
				this.updateTitle = "老板位任务倍数"
				this.updateValue = this.roundConfig.buy8TaskFactor
				this.showupdateFlag = true
				this.updateorder = updateOrderConst.ORDER_buy8TaskFactor
			},

			updatebuyHeadMinTaskLimit() {
				this.updateTitle = "买大头最小任务"
				this.updateValue = this.roundConfig.buyHeadMinTaskLimit
				this.showupdateFlag = true
				this.updateorder = updateOrderConst.ORDER_buyHeadMinTaskLimit
			},



			updatecutInDurationInMinutes() {
				this.updateTitle = "插队时间"
				this.updateValue = this.roundConfig.cutInDurationInMinutes
				this.showupdateFlag = true
				this.updateorder = updateOrderConst.ORDER_cutInDurationInMinutes
			},

			updatecutInMinTaskLimit() {
				this.updateTitle = "插队最小任务"
				this.updateValue = this.roundConfig.cutInMinTaskLimit
				this.showupdateFlag = true
				this.updateorder = updateOrderConst.ORDER_cutInMinTaskLimit
			},
			updatesoloKillMinTaskLimit() {
				this.updateTitle = "单杀最小任务"
				this.updateValue = this.roundConfig.soloKillMinTaskLimit
				this.showupdateFlag = true
				this.updateorder = updateOrderConst.ORDER_soloKillMinTaskLimit
			},



			updateclockInItem() {
				this.updateTitle = "增加打卡选项"
				this.updateValue = ""
				this.showupdateFlag = true
				this.updateorder = updateOrderConst.ORDER_PUNSH_CARD_ITEM

			},
			updatedailySummaryItem() {
				this.updateTitle = "每日定时发送"
				this.updateValue = ""
				this.showupdateFlag = true
				this.updateorder = updateOrderConst.ORDER_DAILY_SUMMARY_ITEM
			},


			//更新报备
			updateReportPeoperNum() {
				this.updateTitle = "报备人数"
				this.updateValue = this.takeLeaveConfig.maxSingerCountLimit
				this.showupdateFlag = true
				this.updateorder = updateOrderConst.ORDER_REPORT_PEOPLE_NUM
			},
			updateReportNum() {
				this.updateTitle = "报备次数"
				this.updateValue = this.takeLeaveConfig.maxTimesLimit
				this.showupdateFlag = true
				this.updateorder = updateOrderConst.ORDER_REPORT_NUM
			},


			updateDurationInMin() {
				this.updateTitle = "报备持续时间"
				this.updateValue = this.takeLeaveConfig.durationLimitInMinutes
				this.showupdateFlag = true
				this.updateorder = updateOrderConst.ORDER_durationLimitInMinutes
			},

			updateReportDeadLineMin() {
				this.updateTitle = "报备倒计时提醒分钟"
				this.updateValue = this.takeLeaveConfig.remindTimeInMinutes
				this.showupdateFlag = true
				this.updateorder = updateOrderConst.ORDER_REPORT_DEADLINE_TIME
			},





			//更新置顶卡张树
			updateNewTopTaskNum() {
				this.updateTitle = "新人置顶卡张数"
				this.updateValue = this.newtoptaskConfig.joinRoomBonusQuality
				this.showupdateFlag = true
				this.updateorder = updateOrderConst.ORDER_NEW_TOP_TASK_NUM
			},

			updateNewTopTaskDayNum(itemData) {
				this.updateTitle = "置顶卡天数"
				this.updateValue = itemData.cardExpirationDays
				this.updateTopTask = itemData
				this.showupdateFlag = true
				this.updateorder = updateOrderConst.ORDER_TOP_TASK_DAY_NUM
			},

			//扣排模式
			koupaiparren(e) {
				this.roundConfig.speedMode = e.value[0]
				this.showkoupaiparren = false
				this.updateroundConfig.speedMode = this.roundConfig.speedMode
				this.hasnewdataFlag = true


			},

			sectionChange() {
				this.curNow = !this.curNow;
			},
			sectionChangeStatics() {
				this.curNow = !this.curNow;
				this.sendMessageTaticsMicor()
			},

			cancelSave() {

				this.hasnewdataFlag = false
				this.hastakeAwalydataFlag = false
				this.hastakeAwalydataFlag = false
				this.showmodal = false;
			},

			openmoddle() {
				console.log('openmoddle')
				this.showmodal = true;
			},
			openinfo(item) {
				this.showpopupinfo = true;
				this.memberName = item.displayName;
				this.memberwxid = item.wxid;

				this.MemberInfoMicro()
			},
			closeshowpopupinfo() {
				this.showpopupinfo = false;
			},


			//打卡选项
			handleclockInItemsList() {
				let tempdata = "";
				tempdata = this.roundConfig.clockInItems
				this.clockInItemsList = tempdata.split(",")
				this.staticsReportTypeList = this.clockInItemsList
					.filter(vardate => vardate !== "黑麦")
					.filter(vardate => vardate !== "麦序")
					.filter(vardate => vardate !== "任务过")
					.filter(vardate => vardate !== "任务未过")
					.filter(vardate => vardate !== "任务排")
					.filter(vardate => vardate !== "置顶卡")
					.filter(vardate => vardate !== "接走")
			},

			deleteclockInItemsList(devalue) {
				this.clockInItemsList = this.clockInItemsList.filter(vardate => vardate !== devalue)
				this.hasnewdataFlag = true;
				this.convetStrclockInItemsList()
			},

			addclockInItemsList(addvalue) {
				this.clockInItemsList.push(addvalue)
			},

			convetStrclockInItemsList() {
				this.updateroundConfig.clockInItems = this.clockInItemsList.join()
			},

			//每日定时发送
			handledailySummaryItemsList() {
				let tempdata = "";
				tempdata = this.roundConfig.dailySummaryItems
				this.dailySummaryItemsList = tempdata.split(",")
			},

			deletedailySummaryItemsList(devalue) {
				this.dailySummaryItemsList = this.dailySummaryItemsList.filter(vardate => vardate !== devalue)
				this.hasnewdataFlag = true;
				this.convetStrdailySummaryItemsList()
			},

			adddailySummaryItemsList(addvalue) {
				this.dailySummaryItemsList.push(addvalue)
			},

			convetStrdailySummaryItemsList() {
				this.updateroundConfig.dailySummaryItems = this.dailySummaryItemsList.join()
			},


			//处理扣排模式
			handleSpeedItemsList() {
				let tempdata = "";
				tempdata = this.roundConfig.randomSpeedModeCandidates
				this.speedModeItemsList = tempdata.split(",")

				if (this.speedModeItemsList.includes('随机模式')) {
					this.suijiSpeedMode = true
				} else {
					this.suijiSpeedMode = false
				}

			},

			convethandleSpeedItemsList() {
				this.updateroundConfig.randomSpeedModeCandidates = this.speedModeItemsList.join()
			},

			changeSpeedItemSelect(detail) {
				this.speedModeItemsList = detail
				this.convethandleSpeedItemsList()
				this.hasnewdataFlag = true;
			},

			changesuijiSpeedMode(value) {

				console.log('------', value)
				if (value) {
					this.speedModeItemsList = ['随机模式']
					this.convethandleSpeedItemsList()
				} else {
					this.speedModeItemsList = []
					this.convethandleSpeedItemsList()
				}

				this.hasnewdataFlag = true;


				// setTimeout(() => {
				// 	this.initSearchDataclass()
				// 	console.log('initSearchDataclass')
				// 	setTimeout(() => {
				// 		console.log('initSearchData')
				// 		this.initSearchData()
				// 	}, 2000)
				// }, 1000)
			},


			startTimeUpdateHandle(e) {
				this.rangeTimeShowStart = false
				this.startTime = e.value
				this.sendMessageTaticsMicor()
			},

			endTimeUpdateHandle(e) {
				this.endTime = e.value
				this.rangeTimeShowEnd = false
				this.sendMessageTaticsMicor()
			},

			rangeTimeHandle(e) {
				this.rangeTimeshow = false
				console.log(e)
				this.startDate = e[0]
				this.endDate = e[e.length - 1]

				this.sendMessageTaticsMicor()
			},


			singleTimeHandle(e) {
				this.singleTimeshow = false
				console.log(e)
				this.startDate = e[0]
				this.endDate = e[0]
				this.sendMessageTaticsMicor()
			},


			kaiguan() {
				console.log('kaiguan')
				this.updateroomJobConfig.status = this.roomJobConfig.status
			},

			microSearch(value) {

				if (this.dataStaticsFlag) {
					this.staticsrspDataMicro = this.staticsrspDataMicroSource.filter(item => item.displayName.includes(
						value))
				} else {
					this.staticsrspDataSlockOff = this.staticsrspDataSlockOffSource.filter(item => item.displayName
						.includes(value))
				}
			},


			// 格式化日期的方法，
			formatDateTime(dateTime) {
				return dayjs(dateTime).format("YYYY-MM-DD HH:mm:ss");
			},

			formatDate(datequery) {
				return dayjs(datequery).format("YYYY-MM-DD");
			},


			getcolor(sortingField, sortingOrder, remark) {
				if (sortingField == 'freeReport') {
					if (sortingField == this.sortingField && sortingOrder == this.sortingOrder && remark == this
						.reportOrder) {
						return 'RGB(7, 193, 96)'
					} else {
						return 'rgba(0, 0, 0, 0.20)'
					}
				} else {
					if (sortingField == this.sortingField && sortingOrder == this.sortingOrder) {
						return 'RGB(7, 193, 96)'
					} else {
						return 'rgba(0, 0, 0, 0.20)'
					}
				}
			},

			orderChange(sortingField, sortingOrder, remark) {
				this.sortingField = sortingField
				this.sortingOrder = sortingOrder
				this.reportOrder = remark

				this.sendMessageTaticsMicor()
			},

			freeOrderAscColor(item) {
				if (this.sortingField == 'freeReport' && this.reportOrder == item && this.sortingOrder == 'asc') {
					return '#FA6868 '
				} else {
					return 'rgba(0, 0, 0, 0.20)'
				}
			},

			freeOrderDescColor(item) {
				if (this.sortingField == 'freeReport' && this.reportOrder == item && this.sortingOrder == 'desc') {
					return '#FA6868 '
				} else {
					return 'rgba(0, 0, 0, 0.20)'
				}

			},

			freeOrderAsc(item) {
				this.sortingOrder = 'asc';
				this.sortingField = 'freeReport';
				this.reportOrder = item;
				this.sendMessageTaticsMicor()
			},

			freeOrderDesc(item) {
				this.sortingOrder = 'desc';
				this.sortingField = 'freeReport';
				this.reportOrder = item;
				this.sendMessageTaticsMicor()
			},

			freeOrderHandle(item) {
				if (this.sortingField == 'freeReport' && this.reportOrder == item) {
					if (this.sortingOrder == 'asc') {
						this.sortingOrder = 'desc'
					} else {
						this.sortingOrder = 'asc'
					}
				} else {
					//第一次
					this.sortingOrder = 'asc'
					this.sortingField = 'freeReport'
					this.reportOrder = item
				}
				this.sendMessageTaticsMicor()
			},


			chengyuanOrderHandle() {
				if (this.sortingField == 'displayName') {
					if (this.sortingOrder == 'asc') {
						this.sortingOrder = 'desc'
					} else {
						this.sortingOrder = 'asc'
					}
				} else {
					//第一次
					this.sortingOrder = 'asc'
					this.sortingField = 'displayName'
				}
				this.sendMessageTaticsMicor()
			},

			lastTimeOrderHandle() {
				if (this.sortingField == 'lastTime') {
					if (this.sortingOrder == 'asc') {
						this.sortingOrder = 'desc'
					} else {
						this.sortingOrder = 'asc'
					}
				} else {
					//第一次
					this.sortingOrder = 'asc'
					this.sortingField = 'lastTime'
				}
				this.sendMessageTaticsMicor()
			},


			micSlotCountOrderHandle() {
				if (this.sortingField == 'micSlotCount') {
					if (this.sortingOrder == 'asc') {
						this.sortingOrder = 'desc'
					} else {
						this.sortingOrder = 'asc'
					}
				} else {
					//第一次
					this.sortingOrder = 'asc'
					this.sortingField = 'micSlotCount'
				}
				this.sendMessageTaticsMicor()
			},

			hostCountOrderHandle() {
				if (this.sortingField == 'hostCount') {
					if (this.sortingOrder == 'asc') {
						this.sortingOrder = 'desc'
					} else {
						this.sortingOrder = 'asc'
					}
				} else {
					//第一次
					this.sortingOrder = 'asc'
					this.sortingField = 'hostCount'
				}
				this.sendMessageTaticsMicor()
			},

			absenceCountOrderHandle() {
				if (this.sortingField == 'absenceCount') {
					if (this.sortingOrder == 'asc') {
						this.sortingOrder = 'desc'
					} else {
						this.sortingOrder = 'asc'
					}
				} else {
					//第一次
					this.sortingOrder = 'asc'
					this.sortingField = 'absenceCount'
				}
				this.sendMessageTaticsMicor()
			},


			todayDatahandle() {
				const currentDate = new Date();
				this.startDate = dayjs(currentDate).format("YYYY-MM-DD")
				this.endDate = dayjs(currentDate).format("YYYY-MM-DD")

				this.todaydataChange = true
				this.yesterydataChange = false
				this.weekdataChange = false
				this.lastweekdataChange = false
				this.monthdataChange = false
				this.changedataChange = false

				this.sendMessageTaticsMicor()
			},

			yesteryDatahandle() {
				// 获取当前日期
				let today = new Date();

				// 获取昨天日期
				let yesterday = new Date(today);
				yesterday.setDate(today.getDate() - 1);

				this.startDate = dayjs(yesterday).format("YYYY-MM-DD")
				this.endDate = dayjs(yesterday).format("YYYY-MM-DD")

				this.todaydataChange = false
				this.yesterydataChange = true
				this.weekdataChange = false
				this.lastweekdataChange = false
				this.monthdataChange = false
				this.changedataChange = false

				this.sendMessageTaticsMicor()
			},

			weekDatahandle() {
				// const date = new Date();

				// const day = date.getDay() || 7; // 获取星期几，如果为0则视为7（即周日）
				// const diff = date.getDate() - day + (day === 0 ? -6 : 1); // 根据周一或周日调整

				// this.startDate = dayjs(new Date(date.setDate(diff))).format("YYYY-MM-DD");
				// this.endDate = dayjs(new Date(date.setDate(diff + 6))).format("YYYY-MM-DD");; // 加上6天得到周日

				const today = new Date();
				const dayOfWeek = today.getDay() || 7; // 获取今天是周几（0-6，周日到周六）

				// 计算本周一的日期
				const monday = new Date(today.getTime() - (dayOfWeek - 1) * 24 * 60 * 60 * 1000);
				this.startDate = dayjs(monday).format("YYYY-MM-DD");
				// 计算本周日的日期
				const sunday = new Date(monday.getTime() + 6 * 24 * 60 * 60 * 1000);
				this.endDate = dayjs(sunday).format("YYYY-MM-DD");

				this.todaydataChange = false
				this.yesterydataChange = false
				this.weekdataChange = true
				this.lastweekdataChange = false
				this.monthdataChange = false
				this.changedataChange = false

				this.sendMessageTaticsMicor()

			},

			MonthDatahandle() {
				const currentDate = new Date();
				const firstDayOfMonth = new Date(currentDate.setDate(1));
				const now = new Date();
				this.endDate = dayjs(now).format("YYYY-MM-DD")
				this.startDate = dayjs(firstDayOfMonth).format("YYYY-MM-DD")

				this.todaydataChange = false
				this.yesterydataChange = false
				this.weekdataChange = false
				this.lastweekdataChange = false
				this.monthdataChange = true
				this.changedataChange = false

				this.sendMessageTaticsMicor()

			},

			lastWeekDatahandle() {
				// let date = new Date();
				// // 设置日期为一周前
				// date.setDate(date.getDate() - 7);


				// const day = date.getDay() || 7; // 获取星期几，如果为0则视为7（即周日）
				// const diff = date.getDate() - day + (day === 0 ? -6 : 1); // 根据周一或周日调整

				// this.startDate = dayjs(new Date(date.setDate(diff))).format("YYYY-MM-DD");
				// this.endDate = dayjs(new Date(date.setDate(diff + 6))).format("YYYY-MM-DD");; // 加上6天得到周日

				const today = new Date();
				today.setDate(today.getDate() - 7)
				const dayOfWeek = today.getDay() || 7; // 获取今天是周几（0-6，周日到周六）

				// 计算本周一的日期
				const monday = new Date(today.getTime() - (dayOfWeek - 1) * 24 * 60 * 60 * 1000);
				this.startDate = dayjs(monday).format("YYYY-MM-DD");
				// 计算本周日的日期
				const sunday = new Date(monday.getTime() + 6 * 24 * 60 * 60 * 1000);
				this.endDate = dayjs(sunday).format("YYYY-MM-DD");


				this.todaydataChange = false
				this.yesterydataChange = false
				this.weekdataChange = false
				this.lastweekdataChange = true
				this.monthdataChange = false
				this.changedataChange = false

				this.sendMessageTaticsMicor()
			},

			dataStaticsSwitchMicro() {
				this.dataStaticsFlag = true
				this.sendMessageTaticsMicor()
			},

			dataStaticsSwitchSlackOff() {
				this.dataStaticsFlag = false
				this.sendMessageTaticsMicor()
			},

			changeDatahandle() {
				//this.rangeTimeshow = true
				this.singlerangeshow = true
				this.todaydataChange = false
				this.yesterydataChange = false
				this.weekdataChange = false
				this.lastweekdataChange = false
				this.monthdataChange = false
				this.changedataChange = true
			},

			refreshGetNowDataTime(istoast) {
				var currentDate = new Date();
				this.currentDataTime = dayjs(currentDate).format("YYYY-MM-DD HH:mm:ss");
				this.sendMessageTaticsMicor()
				if (istoast) {
					uni.showToast({
						title: '已获取最新消息',
						icon: 'none'
					})
				}
			},


			handleReprotData(itemInfo, item) {
				if (item.freeReport == null) {
					return 0
				}

				const tempMap = new Map(Object.entries(item.freeReport))
				if (tempMap == null) {
					return 0
				}
				if (tempMap.get(itemInfo) == null) {
					return 0
				}
				return tempMap.get(itemInfo)
			},

			/**
			 * 发送请求获取统计:普通麦序
			 */
			sendMessageTaticsMicor() {

				if (this.dataStaticsFlag) {
					let data = {
						roomId: this.roomId,
						startDate: this.startDate,
						endDate: this.endDate,
						startTime: this.startTime + ":00",
						endTime: this.endTime + ":00",
						sortingOrder: this.sortingOrder,
						remark: this.reportOrder,
						sortingField: this.sortingField
					}
					getRoomStaticsMicro(data).then(res => {
						this.staticsrspDataMicro = res.data
						this.staticsrspDataMicroSource = res.data
					})
				} else {
					let data = {
						roomId: this.roomId,
						startDate: this.startDate,
						endDate: this.endDate,
						startTime: this.startTime + ":00",
						endTime: this.endTime + ":00",
						sortingOrder: this.sortingOrder,
						remark: this.reportOrder,
						sortingField: this.sortingField
					}
					getRoomStaticsSlcakOff(data).then(res => {
						this.staticsrspDataSlockOff = res.data
						this.staticsrspDataSlockOffSource = res.data
					})
				}
			},

			MemberInfoMicro() {
				this.staticsMemberTypeMicroFlag = true;
				this.staticsMemberTypeHostFlag = false;
				this.staticsMemberTypeBlackFlag = false;
				this.sendMessageTaticsMicorMemberInfo(this.memberwxid)
			},
			MemberInfoHost() {
				this.staticsMemberTypeMicroFlag = false;
				this.staticsMemberTypeHostFlag = true;
				this.staticsMemberTypeBlackFlag = false;
				this.sendMessageTaticsMicorMemberInfo(this.memberwxid)
			},
			MemberInfoBlack() {
				this.staticsMemberTypeMicroFlag = false;
				this.staticsMemberTypeHostFlag = false;
				this.staticsMemberTypeBlackFlag = true;
				this.sendMessageTaticsMicorMemberInfo(this.memberwxid)
			},
			sendMessageTaticsMicorMemberInfo(wxid) {

				let membertype = ""

				if (this.staticsMemberTypeMicroFlag) {
					membertype = 'micro'
				} else if (this.staticsMemberTypeHostFlag) {
					membertype = 'host'
				} else {
					membertype = 'black'
				}

				let data = {
					roomId: this.roomId,
					wxid: wxid,
					memberType: membertype,
					startDate: this.startDate,
					endDate: this.endDate,
					startTime: this.startTime + ":00",
					endTime: this.endTime + ":00",
					sortingOrder: this.sortingOrder,
					sortingField: this.sortingField
				}

				getRoomStaticsMemberInfo(data).then(res => {
					this.staticsrspDataMemberInfo = res.data
				})
			},


			initTime() {
				const currentDate = new Date();
				this.todayData = dayjs(currentDate).format("YYYY-MM-DD")

				this.Last40DayData = dayjs(new Date().setMonth(currentDate.getMonth() - 2)).format("YYYY-MM-DD")

				this.startDate = dayjs(currentDate).format("YYYY-MM-DD")
				this.endDate = dayjs(currentDate).format("YYYY-MM-DD")

				this.DefaultLast40DayData.push(this.Last40DayData)
				this.DefaultLast40DayData.push(this.todayData)

				this.refreshGetNowDataTime(false)
			},

			workLoadChanged(e) {

				if (e == 1) {
					this.roundConfig.enablePrintMinBiddingTask = false
					this.roundConfig.enablePrintMicOrdersAfterBidding = false

				}

				if (e == 2) {
					this.roundConfig.enablePrintMinBiddingTask = true
					this.roundConfig.enablePrintMicOrdersAfterBidding = false
				}

				if (e == 3) {
					this.roundConfig.enablePrintMinBiddingTask = true
					this.roundConfig.enablePrintMicOrdersAfterBidding = true
				}
				this.updateroundConfig.enablePrintMinBiddingTask = this.roundConfig.enablePrintMinBiddingTask
				this.updateroundConfig.enablePrintMicOrdersAfterBidding = this.roundConfig.enablePrintMicOrdersAfterBidding
				this.hasnewdataFlag = true

			},

			//更新报备的配置
			quPaiUpdate(detail) {
				this.takeLeaveConfig.enableCancelMicWhenExpired = !this.takeLeaveConfig.enableCancelMicWhenExpired
				//this.updatetakeLeaveConfig(this.takeLeaveConfig)
				this.hastakeAwalydataFlag = true
			},
			heiMaiUpdate(detail) {
				this.takeLeaveConfig.enableRecordAbsenceWhenExpired = !this.takeLeaveConfig.enableRecordAbsenceWhenExpired
				//this.updatetakeLeaveConfig(this.takeLeaveConfig)

				this.hastakeAwalydataFlag = true
			},

			//保存更新
			updateModal() {
				if (this.hasnewdataFlag) {
					this.updateRoomConfig();
				}
				if (this.hastakeAwalydataFlag) {
					//this.updatetakeLeaveConfig(this.takeLeaveConfig)
					this.updateRoomConfig();
				}
				if (this.hasroomEventConfigdataFlag) {
					this.updateRoomEventConfig(this.RoomEventConfig)

				}

				this.showmodal = false;
				this.cancelSave()
			},


			updateRoomConfig() {
				const data = {
					"roomID": this.roomId,
					"roundConfig": this.updateroundConfig,
					"roomJobConfig": this.updateroomJobConfig,
					"takeLeaveConfig": this.takeLeaveConfig
				}

				updateRoomConfig(data).then(res => {
					if (res.code == 200) {
						uni.showToast({
							title: '更新信息成功',
							icon: 'none'
						})
					} else {
						uni.showToast({
							title: '更新信息失败',
							icon: 'none'
						})
					}

				})
			},


			updatetakeLeaveConfig(data) {
				updatetakeLeaver(data).then(res => {
					if (res.code == 200) {
						uni.showToast({
							title: '更新信息成功',
							icon: 'none'
						})
					} else {
						uni.showToast({
							title: '更新信息失败',
							icon: 'none'
						})
					}

				})
			},


			//更新进群的配置
			updateRoomEventConfig(data) {
				updateeventConfig(data).then(res => {
					if (res.code == 200) {
						uni.showToast({
							title: '更新信息成功',
							icon: 'none'
						})
					} else {
						uni.showToast({
							title: '更新信息失败',
							icon: 'none'
						})
					}

				})
			},


			//更新置顶卡信息
			updatenewtoptaskConfig(data) {
				this.saveLoading()
				updateTopTask(data).then(res => {
					if (res.code == 200) {
						uni.showToast({
							title: '更新信息成功',
							icon: 'none'
						})
					} else {
						uni.showToast({
							title: '更新信息失败',
							icon: 'none'
						})
					}
				})
			},


			//删除禁排对象
			deleteBlockRecord(id) {
				uni.showModal({
					title: '系统提示',
					content: '确定删除禁排信息吗？',
					cancelText: '取消',
					confirmText: '确定',
					success: function(res) {
						if (res.confirm) {
							deletebalockedRecordId(id).then(res => {
								if (res.code == 200) {
									uni.showToast({
										title: '操作成功',
										icon: 'none'
									})

								} else {
									uni.showToast({
										title: '操作失败',
										icon: 'none'
									})
								}
							})
						}
					}
				})
				this.BlockedRecord = this.BlockedRecord.filter(record => record.id != id)
			},


			// 
			exportExcelShare() {
				uni.showLoading({
					title: '获取文件中,请等待'
				})

				uni.downloadFile({
					url: this.fileUrl + '/robot/statics/export?roomId=' + this.roomId + '&startDate=' + this
						.startDate +
						'&endDate=' + this.endDate + '&startTime=' + this.startTime + ":00" +
						'&endTime=' + this.endTime + ":00" + '&sortingOrder=' + this.sortingOrder +
						'&sortingField=' + this.sortingField,
					success: (res) => {
						console.log('downloadFilesuccess')
						uni.hideLoading()

						if (this.isPC()) {
							wx.saveFileToDisk({
								filePath: res.tempFilePath,
								success(res2) {
									console.log('保存成功', res2)
								},
								faile(err2) {
									console.log('保存失败err2', err2)
								}
							})
						} else {
							uni.shareFileMessage({
								filePath: res.tempFilePath,
								fileName: this.startDate + '~' + this.endDate + this.roomName +
									'.xlsx',
							})
						}

					}
				})
			},

			isPC() {
				if (["windows", "mac"].some((v) => v === uni.getStorageSync("platform"))) {
					return true;
				}
				if (Number(uni.getStorageSync("windowWidth")) > 1000) {
					return true;
				}
				return false;
			},


			refreshPage() {
				uni.redirectTo({
					url: '/pages/roomInfo' // 这里的路径应该和当前页面的路径相同
				});
			},

			searchItem(e) {

				uni.pageScrollTo({
					scrollTop: this.searchScrollTop(e.value),
					//selector: this.searchScrollTop(value),
					duration: 0
				});
				// uni.pageScrollTo({
				// 	scrollTop: -90,
				// 	duration: 0
				// });
			},

			searchScrollTop(searchvalue) {
				for (var i = 0; i < this.searchTopArry.length; i++) {
					if (this.searchTopArry[i].name.includes(searchvalue)) {

						return this.searchTopArry[i].topvalue
					}
				}

				return 0
			},

			initSearchDataclass() {
				this.getComponentHeight('.tn-content-kaiguan2')
				this.getComponentHeight('.tn-content-jiange')
				this.getComponentHeight('.tn-content-normal-pkdata18')
				this.getComponentHeight('.tn-content-normal-pkdata20')
				this.getComponentHeight('.tn-content-normal-pkdata32')
				this.getComponentHeight('.tn-content-normal-pkdata33')
				this.getComponentHeight('.tn-content-normal-pkdata34')
				this.getComponentHeight('.tn-content-normal-pkdata38')
				this.getComponentHeight('.tn-content-normal-pkdata39')
				this.getComponentHeight('.tn-content-normal-pkdata40')
				this.getComponentHeight('.tn-content-normal-pkdata42')
				this.getComponentHeight('.tn-content-normal-pkdata45')
				this.getComponentHeight('.tn-content-normal-pkdata46')
				this.getComponentHeight('.tn-content-normal-pkdata48')
				this.getComponentHeight('.tn-content-normal-pkdata62')
				this.getComponentHeight('.tn-content-normal-pkdata65')
				this.getComponentHeight('.tn-content-normal-pkdata88')
			},



			initSearchData() {
				const kaiguanTop = uni.getStorageSync('.tn-content-kaiguan2')
				const jiangeTop = uni.getStorageSync('.tn-content-jiange')
				const pkdata18Top = uni.getStorageSync('.tn-content-normal-pkdata18')
				const pkdata20Top = uni.getStorageSync('.tn-content-normal-pkdata20')
				const pkdata32Top = uni.getStorageSync('.tn-content-normal-pkdata32')
				const pkdata33Top = uni.getStorageSync('.tn-content-normal-pkdata33')
				const pkdata34Top = uni.getStorageSync('.tn-content-normal-pkdata34')
				const pkdata38Top = uni.getStorageSync('.tn-content-normal-pkdata38')
				const pkdata39Top = uni.getStorageSync('.tn-content-normal-pkdata39')
				const pkdata40Top = uni.getStorageSync('.tn-content-normal-pkdata40')

				const pkdata42Top = uni.getStorageSync('.tn-content-normal-pkdata42')

				const pkdata45Top = uni.getStorageSync('.tn-content-normal-pkdata45')

				const pkdata46Top = uni.getStorageSync('.tn-content-normal-pkdata46')
				const pkdata48Top = uni.getStorageSync('.tn-content-normal-pkdata48')

				const pkdata62Top = uni.getStorageSync('.tn-content-normal-pkdata62')
				const pkdata65Top = uni.getStorageSync('.tn-content-normal-pkdata65')
				const pkdata88Top = uni.getStorageSync('.tn-content-normal-pkdata88')

				let top = kaiguanTop
				this.searchTopArry.push(this.createSerachItem('厅名', top))
				top += kaiguanTop
				this.searchTopArry.push(this.createSerachItem('扣排人数', top))
				top += kaiguanTop
				this.searchTopArry.push(this.createSerachItem('麦序开始分钟', top))
				top += kaiguanTop
				this.searchTopArry.push(this.createSerachItem('麦序截止分钟', top))
				top += kaiguanTop
				this.searchTopArry.push(this.createSerachItem('扣排模式', top))
				top += pkdata62Top

				this.searchTopArry.push(this.createSerachItem('开启全体提醒', top))
				top += kaiguanTop
				this.searchTopArry.push(this.createSerachItem('补位时间', top))
				top += kaiguanTop
				this.searchTopArry.push(this.createSerachItem('补位后任务排', top))
				top += kaiguanTop
				this.searchTopArry.push(this.createSerachItem('手速优先人数', top))
				top += kaiguanTop
				this.searchTopArry.push(this.createSerachItem('随机取手速', top))
				top += kaiguanTop
				this.searchTopArry.push(this.createSerachItem('特殊置顶人数', top))
				top += kaiguanTop
				this.searchTopArry.push(this.createSerachItem('整点后取排时间', top))

				top += kaiguanTop
				this.searchTopArry.push(this.createSerachItem('接走时间', top))
				top += kaiguanTop
				this.searchTopArry.push(this.createSerachItem('禁排名单', top))

				console.log('top', top)
				top += kaiguanTop
				console.log('this.BlockedRecord.length', this.BlockedRecord.length)
				top += kaiguanTop * this.BlockedRecord.length
				top += jiangeTop
				console.log('jiangeTop', jiangeTop)
				console.log('top', top)

				this.searchTopArry.push(this.createSerachItem('开关任务未过提醒', top))
				if (this.roundConfig.enableTaskNoPassRemind) {
					top += kaiguanTop
					this.searchTopArry.push(this.createSerachItem('整点后任务未过提醒分钟', top))
				}

				top += kaiguanTop
				this.searchTopArry.push(this.createSerachItem('开关累计提醒', top))
				top += kaiguanTop
				this.searchTopArry.push(this.createSerachItem('整点后买8时间', top))
				top += kaiguanTop
				this.searchTopArry.push(this.createSerachItem('开关置顶顶手速', top))
				top += kaiguanTop
				this.searchTopArry.push(this.createSerachItem('开关详细打卡', top))

				top += kaiguanTop
				this.searchTopArry.push(this.createSerachItem('开关麦序未归禁排', top))
				top += kaiguanTop
				this.searchTopArry.push(this.createSerachItem('开关所有人可查', top))

				top += kaiguanTop
				top += jiangeTop

				this.searchTopArry.push(this.createSerachItem('老板位最小任务', top))
				top += kaiguanTop
				this.searchTopArry.push(this.createSerachItem('老板位任务倍数', top))
				top += kaiguanTop
				this.searchTopArry.push(this.createSerachItem('买大头最小任务', top))
				top += kaiguanTop

				this.searchTopArry.push(this.createSerachItem('打架模式', top))
				top += pkdata88Top

				this.searchTopArry.push(this.createSerachItem('普通打架数据', top))

				top += pkdata18Top
				this.searchTopArry.push(this.createSerachItem('老板位打架开关', top))

				top += pkdata65Top
				this.searchTopArry.push(this.createSerachItem('插队打架数据', top))

				top += pkdata20Top
				this.searchTopArry.push(this.createSerachItem('开启插队', top))
				top += kaiguanTop
				this.searchTopArry.push(this.createSerachItem('插队时间', top))

				top += kaiguanTop
				this.searchTopArry.push(this.createSerachItem('插队最小任务', top))
				top += kaiguanTop
				this.searchTopArry.push(this.createSerachItem('开启单杀', top))
				top += kaiguanTop
				this.searchTopArry.push(this.createSerachItem('单杀最小任务', top))
				top += kaiguanTop
				this.searchTopArry.push(this.createSerachItem('开启连档', top))
				top += kaiguanTop
				this.searchTopArry.push(this.createSerachItem('开启连档检测', top))
				top += kaiguanTop
				this.searchTopArry.push(this.createSerachItem('开启任务连档', top))
				top += kaiguanTop
				this.searchTopArry.push(this.createSerachItem('手速是否取排', top))
				top += kaiguanTop
				this.searchTopArry.push(this.createSerachItem('任务可否取排', top))
				top += kaiguanTop
				this.searchTopArry.push(this.createSerachItem('定排后可否取排', top))
				top += kaiguanTop
				this.searchTopArry.push(this.createSerachItem('麦序文档', top))

				top += pkdata32Top
				this.searchTopArry.push(this.createSerachItem('发麦序间隔时间', top))

				top += pkdata33Top
				this.searchTopArry.push(this.createSerachItem('设置主持', top))

				top += pkdata34Top
				top += jiangeTop
				this.searchTopArry.push(this.createSerachItem('报备总开关', top))

				top += kaiguanTop
				this.searchTopArry.push(this.createSerachItem('报备人数', top))
				top += kaiguanTop
				this.searchTopArry.push(this.createSerachItem('报备次数', top))
				top += kaiguanTop
				this.searchTopArry.push(this.createSerachItem('报备未回惩罚', top))


				top += pkdata38Top
				this.searchTopArry.push(this.createSerachItem('设置报备开始文字', top))
				top += pkdata39Top
				this.searchTopArry.push(this.createSerachItem('设置报备结束文字', top))

				top += pkdata40Top
				this.searchTopArry.push(this.createSerachItem('报备持续时间', top))
				top += kaiguanTop
				this.searchTopArry.push(this.createSerachItem('设置报备倒计时提醒分钟', top))

				top += pkdata42Top
				top += jiangeTop
				this.searchTopArry.push(this.createSerachItem('进群', top))
				top += kaiguanTop
				this.searchTopArry.push(this.createSerachItem('退群', top))
				top += kaiguanTop
				this.searchTopArry.push(this.createSerachItem('设置入群文字', top))

				top += pkdata45Top
				this.searchTopArry.push(this.createSerachItem('设置退群文字', top))
				top += pkdata46Top
				this.searchTopArry.push(this.createSerachItem('开启整点打卡', top))

				top += kaiguanTop
				this.searchTopArry.push(this.createSerachItem('打卡选项', top))

				top += pkdata48Top
				this.searchTopArry.push(this.createSerachItem('开启代扣排', top))

				top += kaiguanTop
				this.searchTopArry.push(this.createSerachItem('开启转麦序', top))
				top += kaiguanTop
				this.searchTopArry.push(this.createSerachItem('开启自动累计任务', top))
				top += kaiguanTop
				this.searchTopArry.push(this.createSerachItem('开启所有人可艾特取', top))

				top += kaiguanTop
				this.searchTopArry.push(this.createSerachItem('每日定时发送', top))
				top += kaiguanTop
				this.searchTopArry.push(this.createSerachItem('置顶卡天数', top))
				top += kaiguanTop
				this.searchTopArry.push(this.createSerachItem('入群添加新人置顶张数', top))
			},

			createSerachItem(name, topvalue) {
				var item = {
					name: name,
					topvalue: Number(topvalue)
				}
				return item
			},

			getComponentHeight(cssname) {
				let heigth = 0
				const query = uni.createSelectorQuery().in(this);
				query.select(cssname).boundingClientRect(data => {
					// console.log('组件的高度是：', cssname, data.height); // 输出组件的高度
					// // this.topheigth.put(cssname, data.height)
					uni.setStorageSync(cssname, data.height)
				}).exec();

			},



			//数据初始化
			initData(roomId) {

				this.initTime()



				getRoomConfig(roomId).then(res => {
					this.roomJobConfig = res.data
					console.log('reqgetRoomConfig')
				})

				getRoomRoundConfig(roomId).then(res => {
					this.roundConfig = res.data
					this.handleclockInItemsList()
					this.handledailySummaryItemsList()
					this.handleSpeedItemsList()
					this.fillInDurationInMinutesAfterClock = this.roundConfig.fillInDurationInMinutes - (60 - this
						.roundConfig.roundStartCronMinute -
						this.roundConfig.biddingDurationInMinutes)
					this.takeOutDurationInMinutesLocal = this.roundConfig.takeOutDurationInMinutes - (60 - this
						.roundConfig.roundStartCronMinute -
						this.roundConfig.biddingDurationInMinutes)
					this.buy8DurationInMinutesAfterClock = this.roundConfig.buy8DurationInMinutes - (60 - this
						.roundConfig.roundStartCronMinute - this.roundConfig.biddingDurationInMinutes)

					console.log('reqgetRoomRoundConfig')
				})

				getRoomEventConfig(roomId).then(res => {
					this.RoomEventConfig = res.data
					console.log('reqgetRoomEventConfig')
				})

				getRoomTakeLeaveConfig(roomId).then(res => {
					this.takeLeaveConfig = res.data
					this.reportValueQuPai.push(this.takeLeaveConfig.enableCancelMicWhenExpired)
					this.reportValueHeiMai.push(this.takeLeaveConfig.enableRecordAbsenceWhenExpired)
					console.log('reqgetRoomTakeLeaveConfig')
				})

				getRoomBlockRecord(roomId).then(res => {
					this.BlockedRecord = res.data
					console.log('reqgetgetRoomBlockRecord')
				})

				getRoomTopTask(roomId).then(res => {
					this.toptaskConfig = res.data
					const temp = this.toptaskConfig.filter(toptask => toptask.toptaskName === '新人置顶')
					this.newtoptaskConfig = temp[0]
					console.log('reqgetRoomTopTask')
				})

				getRoomZcInfo(roomId).then(res => {
					console.log('getRoomZcInfo')
					this.zcstr = res.data
				})

				setTimeout(() => {
					this.initSearchDataclass()
					console.log('initSearchDataclass')
					setTimeout(() => {
						console.log('initSearchData')
						this.initSearchData()
					}, 2000)
				}, 1000)


			},

		}
	}
</script>

<style lang="scss" scoped>
	.placeholderge {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: transparent;
		/* 或者设置为其他不干扰视觉的颜色 */
		z-index: -1;
	}

	.tn-head {

		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		// display: flex;
		// width: 750rpx;
		padding: 16rpx 40rpx 24rpx 40rpx;
		flex-direction: column;
		align-items: flex-start;
		gap: 20rpx;
		border-bottom: 2rpx solid #E7E6E4;
		background: #FFF;
		z-index: 1000;
		padding-bottom: 0rpx;


		.tn-head-right {

			border-radius: 0px 0px 40rpx 40rpx;
		}


		.tn-head-switch {
			display: flex;
			border: 2rpx solid #FA6868;
			border-radius: 8rpx;

			.tn-head-switch-common {
				display: flex;
				height: 64rpx;
				padding: 14rpx 40rpx;
				justify-content: center;
				align-items: center;
				flex: 1 0 0;
			}

			.tn-head-switch-common-on {

				display: flex;
				height: 64rpx;
				padding: 14rpx 40rpx;
				justify-content: center;
				align-items: center;
				flex: 1 0 0;

				border-radius: 8rpx 0rpx 0rpx 8rpx;
				background: #FA6868;
			}

			.tn-head-switch-common-off {
				display: flex;
				height: 64rpx;
				padding: 14rpx 40rpx;
				justify-content: center;
				align-items: center;
				flex: 1 0 0;

				border-radius: 7.234rpx 0rpx 0rpx 7.234rpx;

			}

			.tn-head-switch-text-common {
				text-align: center;
				font-family: "PingFang SC";
				font-size: 28rpx;
				font-style: normal;
				font-weight: 500;
				line-height: normal;
			}

			.tn-head-switch-text-on {

				text-align: center;
				font-family: "PingFang SC";
				font-size: 28rpx;
				font-style: normal;
				font-weight: 500;
				line-height: normal;

				color: #FFF;
			}

			.tn-head-switch-text-off {
				text-align: center;
				font-family: "PingFang SC";
				font-size: 28rpx;
				font-style: normal;
				font-weight: 500;
				line-height: normal;
				color: #FA6868;
			}



		}


		.tn-head-search {
			margin-top: 20rpx;
			display: flex;
			height: 64rpx;
			// padding: 10rpx 24rpx;
			align-items: center;
			gap: 16rpx;
			align-self: stretch;
			border-radius: 14rpx;
			border: 4rpx solid #F0F0F0;
			//background: #FFF;
			margin-bottom: 24rpx;
		}


		.tn-head-statics {
			margin-top: 20rpx;
			display: flex;

			//padding: 20rpx 40rpx;
			flex-direction: column;
			align-items: flex-start;
			gap: 20rpx;


			// border-radius: 0px 0px 40rpx 40rpx;

			.tn-head-statics-first {
				display: flex;
				height: 59rpx;
				align-items: center;
				gap: 10rpx;
				align-self: stretch;
				//margin-bottom: 20rpx;

				.tn-head-statics-first-left {
					display: flex;
					align-items: center;
					gap: 10rpx;
					flex: 1 0 0;

					.tn-head-statics-first-left-time-cron {
						width: 40rpx;
						height: 40rpx;
					}

					.tn-head-statics-first-left-time {
						color: #000;

						/* 中_L */
						font-family: "PingFang SC";
						font-size: 28rpx;
						font-style: normal;
						font-weight: 500;
						line-height: normal;
					}


				}

				.tn-head-statics-first-right {
					display: flex;
					height: 59rpx;
					//padding-left: 10rpx;
					justify-content: center;
					align-items: center;
					border-radius: 116rpx;
					border: 2.292rpx solid #FA6868;
					background: #FFF;

					.tn-head-statics-first-right-time {


						display: flex;
						padding: 10px;
						justify-content: center;
						align-items: center;
						gap: 10px;

						.tn-head-statics-first-right-time-text {
							color: #000;

							/* 中_S */
							font-family: "PingFang SC";
							font-size: 28rpx;
							font-style: normal;
							font-weight: 400;
							line-height: normal;
						}

					}

					.tn-head-statics-first-right-update {
						display: flex;
						padding: 14rpx;
						justify-content: center;
						align-items: center;
						gap: 10rpx;

						.tn-head-statics-first-right-update-cron {
							width: 30rpx;
							height: 30rpx;
						}
					}
				}
			}

			.tn-head-statics-second {
				display: flex;
				justify-content: space-between;
				width: 100%;

				.tn-head-statics-second-actived {
					display: flex;
					padding: 10rpx 20rpx;
					flex-direction: column;
					align-items: center;
					flex: 1 0 0;
					border-radius: 116rpx;
					border: 2.5rpx solid #FA6868;
					background: #FFF;

					.tn-head-statics-second-actived-text {
						color: #FA6868;

						/* 中_L */
						font-family: "PingFang SC";
						font-size: 28rpx;
						font-style: normal;
						font-weight: 500;
						line-height: normal;
					}
				}

				.tn-head-statics-second-noactived {
					display: flex;
					padding: 10rpx 20rpx;
					flex-direction: column;
					align-items: center;
					flex: 1 0 0;
					border-radius: 116rpx;
					background: #F8F8F8;

					.tn-head-statics-second-noactived-text {
						color: rgba(0, 0, 0, 0.40);

						/* 中_S */
						font-family: "PingFang SC";
						font-size: 28rpx;
						font-style: normal;
						font-weight: 400;
						line-height: normal;
					}
				}


			}

			.tn-head-statics-third {

				//margin-top: 20rpx;
				display: flex;
				width: 100%;
				// padding: 20rpx 40rpx;
				//flex-direction: column;
				//align-items: flex-start;
				gap: 20rpx;
				align-items: center;
				justify-content: space-between;

				.tn-head-statics-third-left {
					display: flex;
					align-items: center;
					gap: 10px;

					.tn-head-statics-third-left-tab {
						color: rgba(0, 0, 0, 0.20);

						/* 极小 */
						font-family: "PingFang SC";
						font-size: 20rpx;
						font-style: normal;
						font-weight: 400;
						line-height: normal;
					}

					.tn-head-statics-third-left-time {
						color: rgba(0, 0, 0, 0.20);

						/* 极小 */
						font-family: "PingFang SC";
						font-size: 20rpx;
						font-style: normal;
						font-weight: 400;
						line-height: normal;
					}

					.tn-head-statics-third-left-back {
						width: 24rpx;
						height: 24rpx;
					}

				}

				.tn-head-statics-third-right {

					display: flex;
					padding: 12rpx 18rpx;
					justify-content: center;
					align-items: center;
					gap: 8rpx;
					border-radius: 20rpx;
					background: rgba(7, 193, 96, 0.10);

					.tn-head-statics-third-right-text {
						color: #FA6868;
						text-align: center;

						/* 小_L */
						font-family: "PingFang SC";
						font-size: 24rpx;
						font-style: normal;
						font-weight: 500;
						line-height: normal;
					}

				}

			}

			.tn-head-statics-four {
				display: flex;
				// width: 750rpx;
				height: 59rpx;
				// padding: 0rpx 30rpx 0rpx 40rpx;
				align-items: center;
				flex-shrink: 0;
				align-self: stretch;

				.tn-head-statics-four-left {
					display: flex;
					padding: 10rpx 20rpx;
					flex-direction: column;
					align-items: center;
					flex: 1 0 0;
					border-bottom: 2.5rpx solid #FA6868;


					.tn-head-statics-four-left-text {
						color: #FA6868;

						/* 中_L */
						font-family: "PingFang SC";
						font-size: 28rpx;
						font-style: normal;
						font-weight: 500;
						line-height: normal;
					}
				}

				.tn-head-statics-four-right {
					display: flex;
					flex-direction: column;
					align-items: center;
					flex: 1 0 0;
					border-radius: 71rpx;
					padding: 10rpx 20rpx;

					.tn-head-statics-four-right-text {
						color: rgba(0, 0, 0, 0.40);

						/* 中_S */
						font-family: "PingFang SC";
						font-size: 28rpx;
						font-style: normal;
						font-weight: 400;
						line-height: normal;
					}
				}
			}

		}
	}

	.tn-content {
		display: flex;
		width: 100%;
		flex-direction: column;
		align-items: flex-start;
		background: #FFF;
		margin-top: 200rpx;

		.tn-content-kaiguan,
		.tn-content-kaiguan1,
		.tn-content-kaiguan2,
		.tn-content-kaiguan3,
		.tn-content-kaiguan4,
		.tn-content-kaiguan5,
		.tn-content-kaiguan6,
		.tn-content-kaiguan7,
		.tn-content-kaiguan8,
		.tn-content-kaiguan9,
		.tn-content-kaiguan10,
		.tn-content-kaiguan11,
		.tn-content-kaiguan12,
		.tn-content-kaiguan13,
		.tn-content-kaiguan14,
		.tn-content-kaiguan15,
		.tn-content-kaiguan16,
		.tn-content-kaiguan17,
		.tn-content-kaiguan18,
		.tn-content-kaiguan19,
		.tn-content-kaiguan21,
		.tn-content-kaiguan22,
		.tn-content-kaiguan23,
		.tn-content-kaiguan24,
		.tn-content-kaiguan25,
		.tn-content-kaiguan26,
		.tn-content-kaiguan27,
		.tn-content-kaiguan28,
		.tn-content-kaiguan29,
		.tn-content-kaiguan30,
		.tn-content-kaiguan31,
		.tn-content-kaiguan35,
		.tn-content-kaiguan36,
		.tn-content-kaiguan37,
		.tn-content-kaiguan41,
		.tn-content-kaiguan43,
		.tn-content-kaiguan44,
		.tn-content-kaiguan47,
		.tn-content-kaiguan49,
		.tn-content-kaiguan50,
		.tn-content-kaiguan51,
		.tn-content-kaiguan52,
		.tn-content-kaiguan55,
		.tn-content-kaiguan60,
		{

		display: flex;
		height: 90rpx;
		padding: 20rpx 40rpx;
		justify-content: space-between;
		align-items: center;
		align-self: stretch;
		border-bottom: 1.2rpx solid #CECCCA;

		.tn-content-kaiguan-text {
			color: #303133;
			text-align: center;
			font-family: "PingFang SC";
			font-size: 28rpx;
			font-style: normal;
			font-weight: 500;
			line-height: normal;
		}

		.tn-content-kaiguan-switch {
			width: 81rpx;
			height: 39rpx;
		}

		.tn-content-starttime {
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 10rpx;

			.tn-content-starttime-number {
				color: #FA6868;
				font-family: "PingFang SC";
				font-size: 26rpx;
				font-style: normal;
				font-weight: 500;
				line-height: normal;
			}

			.tn-content-starttime-back {
				width: 13rpx;
				height: 24rpx;
			}
		}


		.tn-content-forbit {
			color: #909399;
			font-family: "PingFang SC";
			font-size: 26rpx;
			font-style: normal;
			font-weight: 400;
			line-height: normal;
		}

		.tn-content-forbit-delete {
			width: 32rpx;
			height: 32rpx;
		}
	}

	.tn-content-jiange {
		display: flex;
		width: 100%;
		height: 40rpx;
		flex-direction: column;
		align-items: flex-start;
		background: #F3F4F6;
	}

	.tn-content-normal-pkdata,
	.tn-content-normal-pkdata18,
	.tn-content-normal-pkdata20,
	.tn-content-normal-pkdata32,
	.tn-content-normal-pkdata33,
	.tn-content-normal-pkdata34,
	.tn-content-normal-pkdata38,
	.tn-content-normal-pkdata39,
	.tn-content-normal-pkdata40,
	.tn-content-normal-pkdata42,
	.tn-content-normal-pkdata45,
	.tn-content-normal-pkdata46,
	.tn-content-normal-pkdata48,
	.tn-content-normal-pkdata53,
	.tn-content-normal-pkdata54,
	.tn-content-normal-pkdata62,
	.tn-content-normal-pkdata65,
	.tn-content-normal-pkdata88,
	{
	display: flex;
	padding: 20rpx 40rpx;
	flex-direction: column;
	align-items: flex-start;
	gap: 20rpx;
	align-self: stretch;

	border-bottom: 1.2rpx solid #E7E6E4;

	.tn-content-normal-head {
		color: #303133;
		text-align: center;
		font-family: "PingFang SC";
		font-size: 28rpx;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
	}

	.tn-content-normal-data {
		display: flex;
		height: 334rpx;
		padding: 10rpx 24rpx;
		align-items: flex-start;
		gap: 20rpx;
		align-self: stretch;
		border: 2rpx solid rgba(0, 0, 0, 0.15);
		background: #FFF;
	}

	}

	.tn-content-pkdata-common {
		color: #606266;
		font-family: "PingFang SC";
		font-size: 26rpx;
		font-style: normal;
		font-weight: 300;
		line-height: normal;
	}

	.tn-content-pkdata-chadui {
		display: flex;
		justify-content: space-between;
		align-items: center;
		align-self: stretch;
	}

	.tn-content-radisswitch {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		align-self: stretch;

	}

	.tn-content-normal-data-text {
		display: flex;
		height: 334rpx;
		width: 100%;
		padding: 10rpx 24rpx;
		align-items: flex-start;
		gap: 20rpx;
		align-self: stretch;
		border: 2rpx solid rgba(0, 0, 0, 0.15);
		background: #FFF;
	}

	.tn-content-normal-data-text-2 {
		display: flex;
		height: 108rpx;
		width: 100%;
		padding: 10rpx 24rpx;
		align-items: flex-start;
		gap: 20rpx;
		align-self: stretch;
		border: 2rpx solid rgba(0, 0, 0, 0.15);
		background: #FFF;
	}

	.tn-content-daka {
		display: flex;
		height: 66rpx;
		padding: 10rpx 24rpx;
		align-items: center;
		margin-top: 20rpx;
		gap: 20rpx;
		//flex: 1 0 0;
		border: 2rpx solid rgba(0, 0, 0, 0.15);
		background: #FFF;
		width: 48%;
		justify-content: space-between;
		// align-items: flex-start;
		align-self: stretch;
		box-sizing: border-box;

		.tn-content-daka-info {
			color: #303133;
			font-family: "PingFang SC";
			font-size: 28rpx;
			font-style: normal;
			font-weight: 400;
			line-height: 44rpx;
			/* 157.143% */
		}

		.tn-content-daka-delete {
			width: 32rpx;
			height: 32rpx;
		}

		.tn-content-daka-add {
			width: 29rpx;
			height: 29rpx;
			flex-shrink: 0;

			fill: --color-grey-black-25, rgba(0, 0, 0, 0.25);
		}
	}

	.tn-content-zhidingka {

		display: flex;
		height: 64rpx;
		padding: 10rpx 20rpx;
		justify-content: space-between;
		align-items: center;
		//flex: 1 0 0;
		border-radius: 4rpx 0rpx 0rpx 4rpx;
		border: 2rpx solid rgba(0, 0, 0, 0.15);
		background: rgba(0, 0, 0, 0.04);

		width: 48%;

		// align-items: flex-start;
		align-self: stretch;
		box-sizing: border-box;

		.tn-content-zhidingka-info {
			color: rgba(0, 0, 0, 0.65);
			font-family: "PingFang SC";
			font-size: 28rpx;
			font-style: normal;
			font-weight: 400;
			line-height: 44rpx;
			/* 157.143% */
		}

		.tn-content-zhidingka-right {
			display: flex;
			align-items: center;
			gap: 3px;

			.tn-content-zhidingka-right-number {
				color: #FA6868;
				font-family: "PingFang SC";
				font-size: 26rpx;
				font-style: normal;
				font-weight: 500;
				line-height: normal;
			}

			.tn-content-zhidingka-right-back {
				width: 13rpx;
				height: 24rpx;
				fill: #909399;
			}

		}
	}

	.tn-content-save {
		position: fixed;
		bottom: 0;
		z-index: 5000;

		display: flex;
		width: 750rpx;
		padding: 40rpx;
		align-items: center;
		gap: 24rpx;
		border-top: 2rpx solid #CECCCA;
		background: #FFF;

		.tn-content-save-quit {
			display: flex;
			height: 74rpx;
			padding: 14rpx 29rpx;
			justify-content: center;
			align-items: center;
			gap: 10rpx;
			flex: 1 0 0;
			border-radius: 8rpx;
			background: #F4F4F5;

			.tn-content-save-quit-text {
				color: #303133;
				font-family: "PingFang SC";
				font-size: 32rpx;
				font-style: normal;
				font-weight: 500;
				line-height: normal;
			}
		}

		.tn-content-save-confirm {
			display: flex;
			height: 74rpx;
			padding: 14rpx 29rpx;
			justify-content: center;
			align-items: center;
			gap: 10rpx;
			flex: 1 0 0;
			border-radius: 8rpx;
			background: #FA6868;

			.tn-content-save-confirm-text {
				color: #FFF;
				font-family: "PingFang SC";
				font-size: 32rpx;
				font-style: normal;
				font-weight: 500;
				line-height: normal;
			}
		}

		.tn-content-save-popup {
			width: 668rpx;
			height: 314rpx;
			flex-shrink: 0;
			fill: #FFF;
			filter: drop-shadow(0rpx 2rpx 20rpx rgba(194, 194, 194, 0.50));

			.tn-content-save-popup-info {
				color: #606266;
				text-align: center;
				font-family: "PingFang SC";
				font-size: 60rpx;
				font-style: normal;
				font-weight: 400;
				line-height: 56rpx;
				/* 140% */
				width: 542.108rpx;
			}


			.tn-content-save-popup-line {
				width: 670rpx;
				height: 2rpx;
				flex-shrink: 0;
				background: #E7E6E4;
			}

			.tn-content-save-popup-heline {
				width: 124rpx;
				height: 1.909rpx;
				transform: rotate(90deg);
				flex-shrink: 0;
				background: #E7E6E4;
			}

			.tn-content-save-popup-quit {
				color: #606266;
				text-align: center;
				font-family: "PingFang SC";
				font-size: 40rpx;
				font-style: normal;
				font-weight: 400;
				line-height: 44rpx;
				/* 110% */
			}


			.tn-content-save-popup-save {
				color: #FA6868;
				text-align: center;
				font-family: "PingFang SC";
				font-size: 40rpx;
				font-style: normal;
				font-weight: 400;
				line-height: 44rpx;
				/* 110% */
			}


		}


	}
	}



	.tn-content-statics-search {
		position: fixed;
		top: 420rpx;
		left: 0rpx;
		width: 100%;
		padding: 0px 40rpx;
		align-items: center;
		gap: 24rpx;
		height: 80rpx;
		border-radius: 20rpx;
		transform: translateY(0);

		.tn-content-statics-search-info {
			display: flex;
			width: 100%;
			height: 80rpx;
			// padding: 20rpx 30rpx;
			align-items: center;
			gap: 16rpx;
			flex-shrink: 0;
			border-radius: 20rpx;
			//background: #FFF;
		}
	}



	.tn-content-scroll {
		//滑动
		flex-wrap: nowrap;
		overflow-x: auto;
		background: #FFF;
		;

	}

	.tn-content-statics-statics-tab {

		// position: fixed;
		// top: 510rpx;

		margin-top: 513rpx;

		width: 100%;

		display: flex;
		padding-left: 40rpx;
		align-items: center;
		flex: 1 0 0;
		background: #FFF;
		height: 84rpx;
		transition: transform 0.3s ease;


		.tn-content-statics-statics-tab-right {
			display: flex;
			position: fixed;
			right: 0rpx;
			height: 84rpx;
			width: 72rpx;
			padding-right: 20rpx;
			align-items: center;
			gap: 10rpx;
			z-index: 3000;
			width: 72rpx;
			opacity: 1;
			background: #FFF;
		}

		.tn-content-statics-statics-tab-info {
			display: flex;
			width: 160px;
			// padding: 24rpx 20rpx;
			min-width: 160rpx;
			padding-top: 24rpx;
			padding-bottom: 24rpx;

			align-items: center;
			gap: 4rpx;
			box-sizing: border-box;

		}

		.tn-content-statics-order {
			margin-left: 4rpx;
			width: 34rpx;
			height: 34rpx;
			flex-shrink: 0;
			display: flex;
			flex-direction: column;

		}

		.tn-content-statics-statics-tab-text {
			color: rgba(0, 0, 0, 0.40);
			/* 小_S */
			font-family: "PingFang SC";
			font-size: 24rpx;
			font-style: normal;
			font-weight: 400;
			line-height: normal;
			white-space: nowrap;

		}

		.tn-content-statics-statics-tab-chengyuan {
			display: flex;
			width: 180rpx;
			min-width: 180rpx;
			padding: 24rpx 0px 24rpx 0rpx;
			align-items: center;
			// justify-content: flex-start;
			gap: 4rpx;
			box-sizing: border-box;

		}
	}


	.tn-content-statics-data-total {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		overflow-y: auto;
	}

	.tn-content-statics-data {
		//margin-top: 595rpx;
		display: flex;
		width: 100%;
		align-items: center;
		// flex-direction: column;
		background: #FFF;
		transition: transform 0.3s ease;


		.tn-content-statics-data-left {
			display: flex;
			padding-left: 40rpx;
			align-items: center;
			flex: 1 0 0;
			border-top: 1rpx solid rgba(0, 0, 0, 0.05);
			// transition: transform 0.3s ease;

			.tn-content-statics-data-left-text {
				color: #000;

				/* 小_M */
				font-family: "PingFang SC";
				font-size: 24rpx;
				font-style: normal;
				font-weight: 500;
				line-height: normal;
			}

			.tn-content-statics-data-left-chengyuan {
				display: flex;
				width: 180rpx;
				padding: 25rpx 0rpx 25rpx 0rpx;
				align-items: center;
				gap: 8rpx;
				box-sizing: border-box;
			}

			.tn-content-statics-data-left-common {
				display: flex;
				width: 160rpx;
				padding: 32rpx 0rpx 32rpx 0rpx;
				align-items: center;
				gap: 10rpx;
			}


			.tn-content-statics-data-right {
				display: flex;
				position: fixed;
				right: 0rpx;
				height: 96rpx;
				padding-right: 20rpx;
				align-items: center;
				gap: 10rpx;
				z-index: 3000;
				width: 72rpx;
				opacity: 1;
				//background: #f8f8f8;
				background: #FFF;

				.tn-content-statics-data-right-icon {
					width: 32rpx;
					height: 32rpx;
				}
			}
		}
	}


	.tn-statics-data-item-info {
		display: flex;
		padding-bottom: 20rpx;
		flex-direction: column;
		position: sticky;
		// top: 50rpx;
		align-items: center;
		align-self: stretch;


		.tn-statics-data-info-item-first {
			display: flex;
			height: 96rpx;
			padding: 20rpx 104rpx;
			justify-content: center;
			align-items: center;
			gap: 20rpx;
			align-self: stretch;

			.tn-statics-data-info-item-first-text {
				color: #000;
				text-align: center;
				font-family: "PingFang SC";
				font-size: 28rpx;
				font-style: normal;
				font-weight: 500;
				line-height: normal;
			}
		}

		.tn-statics-data-info-item-second {
			display: flex;
			padding: 0px 104rpx 20rpx 104rpx;
			justify-content: center;
			align-items: center;
			gap: 24rpx;
			align-self: stretch;

			.tn-statics-data-info-second-text {
				color: #000;
				text-align: center;
				font-family: "PingFang SC";
				font-size: 28rpx;
				font-style: normal;
				font-weight: 400;
				line-height: normal;
			}
		}

		.tn-statics-data-info-item-third {
			display: flex;
			width: 670rpx;
			height: 100%;
			align-items: center;
			border-radius: 8rpx;
			border: 2rpx solid #FA6868;

			.tn-statics-data-info-third-active {
				display: flex;
				height: 64rpx;
				padding: 14rpx 40rpx;
				justify-content: center;
				align-items: center;
				flex: 1 0 0;
				border-radius: 8rpx 0px 0px 8rpx;
				background: #FA6868;

				.tn-statics-data-info-third-active-text {
					color: #FFF;
					text-align: center;
					font-family: "PingFang SC";
					font-size: 28rpx;
					font-style: normal;
					font-weight: 500;
					line-height: normal;
				}
			}

			.tn-statics-data-info-third-noactive {
				display: flex;
				height: 64rpx;
				padding: 14rpx 40rpx;
				justify-content: center;
				align-items: center;
				flex: 1 0 0;
				border-radius: 7.234rpx 0px 0px 7.234rpx;
				border-right: 2rpx solid #FA6868;

				.tn-statics-data-info-third-noactive-text {
					color: #FA6868;
					text-align: center;
					font-family: "PingFang SC";
					font-size: 28rpx;
					font-style: normal;
					font-weight: 500;
					line-height: normal;
				}
			}

		}
	}


	.tn-statics-data-item {
		display: flex;
		flex-direction: column;
		max-height: 1000rpx;
		min-height: 1000rpx;
		flex-wrap: nowrap;
		overflow-y: auto;
	}

	.tn-statics-data-item-info-line {
		display: flex;
		padding-left: 40rpx;
		align-items: flex-start;
		align-self: stretch;
		border-top: 1px solid #E7E6E4;

		.tn-statics-data-item-info-line-left {
			display: flex;
			width: 240rpx;
			padding: 25rpx 10px 25rpx 0rpx;
			align-items: center;
			gap: 8rpx;
		}

		.tn-statics-data-item-info-line-right {
			display: flex;
			width: 100%;
			padding: 25rpx 0rpx 25rpx 20rpx;
			//align-items: center;
			gap: 10rpx;
			border-left: 1rpx solid #E7E6E4;
			flex-direction: column;

			.tn-statics-data-item-info-line-right-text {
				color: #000;

				/* 小_M */
				font-family: "PingFang SC";
				font-size: 24rpx;
				font-style: normal;
				font-weight: 500;
				line-height: normal;
			}
		}
	}


	.tn-content-update-popup {
		z-index: 2000;
		display: flex;
		width: 100%;
		flex-direction: column;
		align-items: center;
		border-radius: 32rpx 32rpx 0rpx 0rpx;
		background: #FFF;

		.tn-content-update-popup-head {
			display: flex;
			height: 96rpx;
			padding: 20rpx 0rpx;
			justify-content: center;
			align-items: center;
			gap: 20rpx;
			align-self: stretch;

			.tn-content-update-popup-head-text {
				color: #000;
				text-align: center;
				font-family: "PingFang SC";
				font-size: 28rpx;
				font-style: normal;
				font-weight: 500;
				line-height: normal;
				opacity: 0.9;
			}
		}

		.tn-content-update-popup-input {
			display: flex;
			//width: 670rpx;
			width: 100%;
			padding: 10rpx 40rpx;

			align-items: flex-start;
			gap: 20rpx;
		}

		.tn-content-update-popup-result {
			display: flex;
			padding: 40rpx;
			align-items: center;
			gap: 24rpx;
			align-self: stretch;

			.tn-content-update-popup-result-cancel {
				display: flex;
				height: 74rpx;
				padding: 14rpx 29rpx;
				justify-content: center;
				align-items: center;
				gap: 10rpx;
				flex: 1 0 0;
				border-radius: 8rpx;
				background: #F4F4F5;

				.tn-content-update-popup-result-cancel-text {
					color: #303133;
					font-family: "PingFang SC";
					font-size: 32rpx;
					font-style: normal;
					font-weight: 500;
					line-height: normal;
				}
			}

			.tn-content-update-popup-result-confirm {
				display: flex;
				height: 74rpx;
				padding: 14rpx 29rpx;
				justify-content: center;
				align-items: center;
				gap: 10rpx;
				flex: 1 0 0;
				border-radius: 8rpx;
				background: #FA6868;

				.tn-content-update-popup-result-confirm-text {
					color: #FFF;
					font-family: "PingFang SC";
					font-size: 32rpx;
					font-style: normal;
					font-weight: 500;
					line-height: normal;
				}
			}
		}
	}
</style>